.hero-slider-content { position: relative; overflow: hidden; height: 100%; min-height: 100vh; background: #000; } .hero-slider-content .w-tab-content { position: relative; width: 100%; height: 100%; } .hero-slider-content .w-tab-pane { display: block !important; position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; z-index: 1; transition: opacity 1200ms ease; will-change: opacity; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateZ(0); } .hero-slider-content .w-tab-pane.w--tab-active { opacity: 1; pointer-events: auto; z-index: 2; } .hero-image-wrap { position: absolute; inset: 0; overflow: hidden; width: 100%; height: 100%; } @keyframes heroZoom { from { transform: scale(1.15) translateZ(0); } to { transform: scale(1.0) translateZ(0); } } .hero-slide-image { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.15) translateZ(0); backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform; } .hero-slider-content .w-tab-pane.w--tab-active .hero-slide-image { animation: heroZoom 7s ease forwards; }