@media (min-width: 1024px) {
  .carousel
    .splide
    .splide_slide[aria-label~="of"][aria-hidden="true"]:has(
      + li[aria-label^="1 of"]:not([aria-hidden="true"])
    ) {
    @apply invisible;
  }
}

.carousel .splide__slide {
  transition:
    opacity 0.5s ease-in-out,
    visibility 0.5s ease-in-out;
  opacity: 1;
}

.carousel .splide__slide.left-hidden {
  visibility: hidden;
  opacity: 0;
}