.hero-slider .splide__slide.is-active a,
.hero-slider .splide__slide.is-active .paragraph,
.hero-slider .splide__slide.is-active h2 {
    animation: fadeInLeft;
    animation-duration: 1s;
}

/* .hero-slider .splide__slide:not(.is-active) a,
.hero-slider .splide__slide:not(.is-active) .paragraph,
.hero-slider .splide__slide:not(.is-active) h2 {
    animation: fadeOutRight;
    animation-delay: 2s;
    animation-duration: 1s;
} */

.hero-slider .splide__slide.is-active .image-container {
    animation: jackInTheBox;
    animation-duration: 1.2s;
}

/* .hero-slider .splide__slide:not(.is-active) .image-container {
    animation: fadeOutLeft;
    animation-duration: 1s;
} */


.hero-slider .splide__slide a,
.hero-slider .splide__slide .paragraph,
.hero-slider .splide__slide h2,
.hero-slider .splide__slide .image-container {
    transition: .5s cubic-bezier(.075, .82, .165, 1);
    visibility: hidden;
}

.hero-slider .splide__slide.is-active a,
.hero-slider .splide__slide.is-active .paragraph,
.hero-slider .splide__slide.is-active h2,
.hero-slider .splide__slide.is-active .image-container
/* .hero-slider .splide__slide:not(.is-active) a,
.hero-slider .splide__slide:not(.is-active) .paragraph,
.hero-slider .splide__slide:not(.is-active) h2,
.hero-slider .splide__slide:not(.is-active) .image-container  */
{
    transition: .5s cubic-bezier(.075, .82, .165, 1);
    visibility: visible !important;
}