.slideshow,
.slideshow * {
  transform: none;
}

.slideshow {
  position: relative;
  width: 100%;
  height: 500px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 24px;
}

.slideshow .slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}

.slide.active {
  opacity: 1;
}