.hero-scenes-media { position: absolute; inset: 0; z-index: -3; overflow: hidden; }
.hero-scenes-media .hero-scene { z-index: 0; opacity: 0; transition: opacity 1800ms ease-in-out; pointer-events: none; }
.hero-scenes-media .hero-scene.is-active { opacity: 1; }
.hero-scenes-media .hero-scene:not([src]) { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  .hero-scenes-media .hero-scene { transition: none; }
}