.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.marquee-content {

display: flex; /* Inhalt in eine Reihe bringen */
    width: max-content; /* Breite passt sich dem Inhalt an */
    animation: marquee 50s linear infinite; /* Geschwindigkeit anpassen */
}

.marquee-content img {
    height:106px; /* Höhe anpassen */
    margin-right: 30px; /* Abstand zwischen Bildern */
}

@keyframes marquee {
    0% { transform: translate3d(0, 0, 0); }
    65% { transform: translate3d(-100%, 0, 0); }
   100% { transform: translate3d(-50%, 0, 0); }

}