simple-slider.css

/*
Author: Rien Heuver, rienheuver@gmail.com
Clean Slider, this is all that is needed
Documentation on https://github.com/rienheuver/clean-slider
*/
.slider {
    display: grid;
    grid-template-columns: 1fr;
    overflow: hidden;
    width: 100%;
    perspective: 400px;
}

.slide {
    grid-column: 1/2;
    grid-row: 1/2;
    transition: transform 300ms ease-in-out;
}

.slide-next {
    transform: translateX(100%);
}

.slide-prev {
    transform: translateX(-100%);
}