#scroll-container {
    border: 2px solid black;
    border-radius: 5px;
    overflow: hidden;
}

#scroll-text {
    /* Animation properties */
    font-size: 18px;
    font-weight: bold;
    color: red;
    transform: translateX(100%);
    animation: my-animation 20s linear infinite;
    animation-play-state: running; /* Ensure the animation is running by default */
}

#scroll-text:hover {
     /* Pause the animation on hover */
    animation-play-state: paused;
}

/* Keyframes for the animation */
@keyframes my-animation {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}