.wintemp-image-carousel-splide-wrapper {
    --side-height: 88%;
    --side-height-tablet: 88%;
    --side-height-mobile: 88%;
    overflow: hidden;
    width: 100%;
}

.wintemp-image-carousel-splide .splide__slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wintemp-image-carousel-splide .splide__slide.is-active {
    opacity: 1;
    z-index: 2;
}

.wintemp-image-carousel-splide .slide-content {
    width: 100%;
    height: var(--side-height);
    transition: height 0.3s ease-in-out;
    display: flex;
    align-items: center;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .wintemp-image-carousel-splide .slide-content {
        height: var(--side-height-tablet);
    }
}

@media (max-width: 767px) {
    .wintemp-image-carousel-splide .slide-content {
        height: var(--side-height-mobile);
    }
}

.wintemp-image-carousel-splide .splide__slide.is-active .slide-content {
    height: 100%;
}

.wintemp-image-carousel-splide .slide-content img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Ensure track overflow is visible to show side slides */
.wintemp-image-carousel-splide .splide__track {
    overflow: visible;
}

/* Hide arrows and pagination if they overlap or look bad */
.wintemp-image-carousel-splide .splide__arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 10;
    pointer-events: none;
}

.wintemp-image-carousel-splide .splide__arrow {
    pointer-events: auto;
    padding: 0;
}

.wintemp-image-carousel-splide .splide__arrow--prev {
    left: 2%;
}

.wintemp-image-carousel-splide .splide__arrow--next {
    right: 2%;
}