.hero .hero-slide {
  transform: none !important;
  transition: opacity 1.2s ease !important;
}

.hero .hero-slide:not(.is-active) {
  opacity: 0;
}

.hero .hero-slide.is-active {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .hero .hero-slide {
    transition: none !important;
  }
}