JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test-01">
  <img src="https://picsum.photos/id/0/400/200" alt="">
  <img src="https://picsum.photos/id/1/400/200" alt="">
</div>

CSS

.test-01 {
  position: relative;
}

.test-01 img:first-child {
  position: absolute;
  animation: crossfade 5s linear 0s infinite alternate;
}

@keyframes crossfade {
  0% { opacity: 1; }
  100% { opacity: 0; }
}