@keyframes marqueeAnim {
    0% {
        transform: translateX(100vw);
    }
    100% {
        transform: translateX(-100%);
    }
}
.marquee-root {
    position: fixed;
    top:0;
    left: 0 ;
    width: 100%;
    height: 30px;
    text-align: left;
    line-height: 30px;
    overflow: hidden;
    background-color: red;
    z-index: 999;
}
.marquee-content {
    white-space: nowrap;
    display: inline-block;
    color: white;
    animation: marqueeAnim 15s linear 0s infinite;
}
@media all and (max-width: 768px) {
    .marquee-content{
        animation: marqueeAnim 8s linear 0s infinite;
    }
}