.splide {
    height: calc((100vw - 320px) / (479 - 320) * (650 - 450) + 450px);
}
@media (min-width: 490px) {
    .splide {
        height: 880px;
        height: calc((100vw - 480px) / (639 - 480) * (860 - 650) + 650px);
    }
}
@media (min-width: 640px) {
    .splide {
        height: 880px;
    }
}
@media (min-width: 769px) {
    .splide {
        height: calc((100vw - 768px) / (1023 - 768) * (530 - 530) + 530px);
    }
}
@media (min-width: 1025px) {
    .splide {
        height: calc((100vw - 1024px) / (1280 - 1024) * (490 - 490) + 490px);
    }
    .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) * (600 - 600) + 600px);
    }
}

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