.sprite-container {
    height: 100vh; /*100% высоты экрана*/
    display: flex;
    align-items: center; /*чтобы картинка была по центру*/
}

.sprite-image {
    height: 50px; /*высота спрайта (высота одного кадра)*/
    width: 50px; /*ширина спрайта (ширина одного кадра)*/
    background: url(walk.png) 0px 0px; /*картинка со спрайтами с позицией в верхнем левом углу (0px 0px)*/
    animation: play 0.8s steps(6) infinite, /*анимация называется play, скорость анимации 0.8s, нужно сделать 6 шагов (6 кадров), анимация происходит непрерывно (зациклено) - infinite*/
        step 15s linear infinite; /*ещё одна анимация, длительностью 15s, линейный, зацикленый*/
    position: absolute; 
    left: 0;
}

@keyframes play {
    100% {
        background-position: -285px; /*ширина картинки со спрайтами*/
    }
}

@keyframes step {
    100% {
        left: 100%; /*передвижение влево до самого конца*/
    }
}