#slideshow {
    position: relative;
    width: 400px; /* Beispielbreite */
    height: 720px; /* Beispielhöhe */
    margin: auto;
    overflow: hidden;
}

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 2s, transform 2s;
    top: 0;
    margin: 0;
    padding: 0;
    transform: translateX(-100%); /* Startzustand: außerhalb des sichtbaren Bereichs links */
}

.slide.visible {
    opacity: 1;
    transform: translateX(0); /* Sichtbar: innerhalb des sichtbaren Bereichs */
}

.slide.hidden {
    opacity: 0;
    transform: translateX(100%); /* Endzustand: außerhalb des sichtbaren Bereichs rechts */
}