@keyframes marquee {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-50%);
    }
}
@-webkit-keyframes marquee {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-50%);
    }
}
.marquee {
    z-index: 1;
}
.marquee .marquee-container {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
}
.marqueeing {
    animation: marquee 30s infinite normal linear 1s;
    display: inline-block;
    transform: translateX(0); 
}