I'm trying to do a simple animation but the result isn't smooth.

```css
.animate {
    animation: infinity 1.5s steps(27) forwards;
}

@keyframes infinity {
    100% {
        background-position: -5778px;
    }
}
```

```html
<div class="animate" style="width:214px; height:32px; background-image:url(https://i.hizliresim.com/gOggGZ.png); background-repeat: no-repeat;"></div>
```

So is there any way to remove that shaking?