.img-para-y {
    /* Initial state hides the element by clipping it inwards from the bottom */
    clip-path: inset(100% 0% 0% 0%);
    will-change: clip-path;
    overflow: hidden; /* Important for inner parallax */
}

.img-para-y img {
    /* Scale the image slightly so it has room to move during parallax without showing empty space */
    scale: 1.15;
    will-change: transform;
}

/* Force override / remove GSAP clipping & scaling from any carousel slide structure entirely */
.swiper-slide .img-para-y,
.slick-slide .img-para-y,
[class*="carousel"] .img-para-y,
.swiper .img-para-y,
.elementor-slide .img-para-y,
.elementor-slides .img-para-y {
    clip-path: none !important;
    -webkit-clip-path: none !important;
}

.swiper-slide .img-para-y img,
.slick-slide .img-para-y img,
[class*="carousel"] .img-para-y img,
.swiper .img-para-y img,
.elementor-slide .img-para-y img,
.elementor-slides .img-para-y img {
    scale: 1 !important;
    transform: none !important;
}