body{background:linear-gradient(#fff 300px,#90ded8 100%)}main{display:grid;grid-template-rows:auto 215px 300px auto;grid-template-columns:100%}.banner{grid-column:1;grid-row:3;background-color:#000;position:relative}.banner:after{content:'';background-color:#000;width:100%;height:100px;z-index:1;display:block;position:absolute;bottom:0;background:linear-gradient(0deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);border-bottom:1px solid #ccc}.banner>div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:max-content;max-width:1400px}.banner>div img{height:200px;width:auto;position:absolute;right:0;bottom:0}.banner .banner-img{object-fit:cover;object-position:center;height:100%;width:100%;opacity:0.8}@media (min-width:1024px){main{grid-template-columns:1fr minmax(900px,1400px) 1fr;grid-template-rows:450px auto auto}.banner{grid-column:1/4;grid-row:1}}