html, body{
    border:0;
    outline:0;
    margin:0;
    padding:0;
    overflow:hidden;
    width:100%;
}
.marqueebox{
    overflow:hidden;
    background-color:transparent;
    width:574px;
}
.marquee{
    position:relative;
    animation: scroll1 10s linear infinite
}
#m1{
    margin-left:0;
    width:100%;
}
#m2{
    animation-delay:5s; 
    top:-34px;
    left:110%;
    width:110%;
    margin-left:-16px;
}
.marquee > img{
    height:30px;
}
.marquee > img:not(:last-child){
    margin-right:5px;
}
@keyframes scroll1{
    0%{
        left:100%;
    }
    100%{
        left:-100%;
    }
}