.scroll-container { width: 650px; height: 200px; overflow: hidden; background-color: White;}
.scroll-content:hover { animation-play-state: paused; }
.scroll-content 
{
    margin-left:8%;
    -webkit-animation: scroll 30s linear infinite;
    -moz-animation: scroll 30s linear infinite;
    -o-animation: scroll 30s linear infinite;
    animation: scroll 30s linear infinite;
}

@-webkit-keyframes scroll 
{
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
         }
}

@-moz-keyframes scroll 
{
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0);
        }
    100% {
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
         }
}

@-o-keyframes scroll 
{
    0% {
        -o-transform: translateY(0);
        transform: translateY(0);
        }
    100% {
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
         }
}

@keyframes scroll 
{
    0% { transform: translateY(0);}
    100% { transform: translateY(-100%);}
}