.hero__media .hero-image-slide { position:absolute; inset:0; opacity:0; transition:opacity 1.2s ease-in-out; }
.hero__media .hero-image-slide.is-active { opacity:1; }
@media(prefers-reduced-motion:reduce) { .hero__media .hero-image-slide { transition:none; } }
@media (max-width: 700px) {
  .hero__media .hero-image-slide:nth-child(2) img { object-position: 20% center; }
}