.hero-wrapper{height:60vh;min-height:500px}.hero-img{object-fit:cover}.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}@media (max-width:768px){.hero-content{margin-top:-20px}.hero-wrapper{height:40vh}}.feature-img{position:relative;width:100%;height:220px;border-radius:12px;overflow:hidden;background:#f5f5f5}.feature-img-el{object-fit:cover;object-position:center}