@keyframes slidy {
    0% {
        left: 0;
    }

    12% {
        left: 0;
    }

    16% {
        left: -100%;
    }

    28% {
        left: -100%;
    }

    32% {
        left: -200%;
    }

    44% {
        left: -200%;
    }

    48% {
        left: -300%;
    }

    60% {
        left: -300%;
    }

    64% {
        left: -400%;
    }

    76% {
        left: -400%;
    }

    80% {
        left: -500%;
    }

    92% {
        left: -500%;
    }

    100% {
        left: 0;
    }
} #SlaytId figure img { width: 14.285714%; float: left; height: 25%; } #SlaytId figure { position: relative; width: 700%; margin: 0; left: 0; text-align: left; font-size: 0; animation: 24s slidy infinite; } #SlaytId:hover figure { -webkit-animation-play-state: paused; animation-play-state: paused; }