<main>
  <div class="spinner"></div>
</main>

body {
  margin: 0;
  box-sizing: border-box;
}
main {
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.spinner {
  width: 150px;
  height: 150px;
  background-image: url("https://assets.laliga.com/assets/public/generic/spinnerBeat.png");
  animation: 1s steps(12) 0s infinite normal none running laliga;
}

@keyframes laliga {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: 0px -1800px;
  }
}