I would like to use this image of “Pikachu” running, without having to create a gif (as it is heavier), and I would like to use this effect of him running in css. How would I use this code? Can you help me?

image: https://game.gtimg.cn/images/nishiki/web202310/pkq_ani.png

.pikaqiu_run {
    width: 80px;
    height: 71px;
    background: url(//game.gtimg.cn/images/nishiki/web202310/pkq_ani.png);
    background-repeat: no-repeat;
    animation: steps(8, end) 0.5s infinite;
    right: 0;
    top: -71px;
}

<span class="pikaqiu_run"></span>