@keyframes moveForward {
    0% { background-position: 0 0; }
    25% { background-position: 0 -50px; }
    50% { background-position: 0 -100px; }
    75% { background-position: 0 -150px; }
  }

.hotspot-animation {
    width: 100px;
    height: 50px;
    background: url('arrow.png') no-repeat;
    animation: moveForward 4s steps(4) infinite;
}