.e-carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.e-carousel-track {
    display: flex;
    transition: transform 0.6s ease-in-out;
}

.e-carousel-item {
    opacity: 0;
    position: relative;
}

    .e-carousel-item:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        opacity: 0;
    }

.e-carousel:not(.e-carousel-ltr) .e-carousel-item:after {
    left: -4px;
    right: 100%;
    transition: right 0.6s ease-in-out, opacity 1s ease-in-out;
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(50%, var(--color-background)));
    background-image: linear-gradient(to left, transparent, var(--color-background) 50%);
}


.e-carousel.e-carousel-ltr .e-carousel-item:after {
    right: -4px;
    left: 100%;
    transition: left 0.6s ease-in-out, opacity 1s ease-in-out;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, var(--color-background)));
    background-image: linear-gradient(to right, transparent, var(--color-background) 50%);
}

.e-carousel-item-disabled:after {
    opacity: 1;
}
.e-carousel:not(.e-carousel-ltr) .e-carousel-item-disabled:after {
    right: 0;
}
.e-carousel.e-carousel-ltr .e-carousel-item-disabled:after {
    left: 0;
}