.text-scroll-banner-wrapper{
    width: 100%;
    overflow: hidden;
}

.text-scroll-banner{
    width: fit-content;
    position: relative;
    display: flex;
    animation: marquee linear infinite 5s;
}

.text-scroll-banner-element{
    position: relative;
    white-space: nowrap;
}

@keyframes marquee {
    from{
        translate: 0 0;
    } to {
       translate: -50% 0;
    }
}