.marquee {
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 100%;
    border-radius: 0px;
    overflow: hidden;
    background: white;
    white-space: nowrap;
    margin-top:24px;
}
    .marquee :hover {
        animation-play-state: paused;
    }

.marquee--inner {
    display: block;
    width: 200%;
    position: absolute;
    animation: marquee 50s linear infinite;
    color:#000;
}

    .marquee--inner :hover {
        animation-play-state: paused;
        color: red;
    }

    .marquee--inner span {
        float: left;
        overflow: hidden;
        font-size:15px;
    }
    .marquee--inner span img{
        float: left;
        padding:7px 0;
    }

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}