.hero-slider.zoom-effect{display:block;overflow:hidden;position:relative;width:100%}.slide{inset:0;opacity:0;position:absolute;transition:opacity 1s ease-in-out;z-index:1}.slide.active{opacity:1;z-index:2}.slide img{height:100%;object-fit:cover;object-position:center;transition:transform 6s ease-in-out;width:100%}.slide.active img{transform:scale(1.1)}