.splide {
    height: calc((100vw - 320px) / (639 - 320) * (510 - 260) + 260px);
}

@media (min-width: 640px) {
    .splide {
        height: 580px;
    }

}
@media (min-width: 769px) {
    .splide {
        height: calc((100vw - 768px) / (1023 - 768) * (330 - 330) + 330px);
    }
}
@media (min-width: 1025px) {
    .splide {
        height: calc((100vw - 1024px) / (1280 - 1024) * (290 - 290) + 290px);
    }
    .splide__slide {
        transition: transform 0.3s ease, opacity 0.3s ease;
        padding: 30px;
    }
    .splide__slide.is-center {
        padding: 0;
    }
    .splide__arrow--next {
        right: -1em !important;
    }
    .splide__arrow--prev {
        left: -1em !important;
    }
}

@media (min-width: 1280px) {
    .splide {
        height: calc((100vw - 1280px) / (1536 - 1280) * (360 - 360) + 360px);
    }
}

@media (min-width: 1536px) {
    .splide {
        height: 430px;
    }
}
@media (max-width: 639px) {
    .splide__arrow {
        display: none !important;
    }
}