.slideshow {
    position: relative;
    overflow: hidden;
}

.slideshow div {
    display: none;
}

.slideshow img {
    width: 100vw;
}

.slideshow .current {
    display: block;
    position: relative !important;
}

.slideshow .next {
    display: block;
    top: 0;
    position: absolute;
    animation: slideshowNext 2s ease;
    animation-fill-mode: forwards;
}

.slideshow .previous {
    display: block;
    position: relative;
    animation: slideshowPrevious 2s ease;
    animation-fill-mode: both;
}

@keyframes slideshowNext {
    0% { transform: translateX(100%); }
    100% { transform: translateX(0%); }
}

@keyframes slideshowPrevious {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}