JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test-01"></div>
<div class="test-02"></div>

CSS

.test-01 {
  width: 400px;
  height: 200px;
  animation: crossfade 5s linear 0s infinite alternate;
}

@keyframes crossfade {
  0% {
    background-image: url("https://picsum.photos/id/0/400/200");
  }
  100% {
    background-image: url("https://picsum.photos/id/1/400/200");
  }
}