.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.marquee-text {
    display: inline-block;
    animation: marquee 10s linear infinite;
}

@keyframes marquee {

    0% {
        margin-right: 0;
    }
    5% {
        margin-right: 5%;
    }
    10% {
        margin-right: 10%;
    }
    15% {
        margin-right: 15%;
    }
    20% {
        margin-right: 20%;
    }
    25% {
        margin-right: 25%;
    }
    30% {
        margin-right: 30%;
    }
    35% {
        margin-right: 35%;
    }
    40% {
        margin-right: 40%;
    }
    45% {
        margin-right: 45%;
    }
    50% {
        margin-right: 50%;
    }
    55% {
        margin-right: 55%;
    }
    60% {
        margin-right: 60%;
    }
    65% {
        margin-right: 65%;
    }
    70% {
        margin-right: 70%;
    }
    75% {
        margin-right: 75%;
    }
    80% {
        margin-right: 80%;
    }
    85% {
        margin-right: 85%;
    }
    90% {
        margin-right: 90%;
    }
    95% {
        margin-right: 95%;
    }


    100% {
        margin-right: 100%;
    }
}