.homepage .hero-carousel .carousel-banner::before,
.carousel-banner::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 150px;
    z-index: 2;
    pointer-events: none;
}

.homepage .hero-carousel .carousel-banner::before {
    left: 0;
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
}

.homepage .hero-carousel .carousel-banner::after {
    right: 0;
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
}

.homepage .hero-carousel .splide__track {
    width: 87%;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
}

.homepage .hero-carousel .splide__arrow {
    border: 4px solid lightgray;
}
.homepage .hero-carousel .splide__arrow svg {
    fill: lightgray;
}

.homepage .hero-carousel {
    overflow-x: hidden;
}

.homepage .hero-carousel .splide__track {
    overflow: visible;
    width: 100%;
}