.bg-img-reveal {
    /* Initial state hides the element by clipping it inwards from all sides */
    clip-path: inset(20% 20% 20% 20%);
    /* Ensure hardware acceleration for smoother animation */
    will-change: clip-path;
}

/* Force reset clip path for any carousel items to guarantee visibility and prevent initial clipping state issues */
.swiper-slide .bg-img-reveal,
.slick-slide .bg-img-reveal,
.swiper-wrapper .bg-img-reveal,
[class*="carousel"] .bg-img-reveal,
[class*="slide"] .bg-img-reveal {
    clip-path: none !important;
    -webkit-clip-path: none !important;
}