JSFiddle - React, Tailwind, and code Playground

HTML

<img src = "https://picsum.photos/id/1/200/300" />
<div class="div">Loading...</div>

CSS

body {
  margin: 0;
}
img {
  position: relative;
  z-index: 10;
}
.div {
  position: absolute;
  top: 0;
  z-index: 5;
}

JavaScript

const images = [
  "https://picsum.photos/id/1/200/300",
  "https://picsum.photos/id/2/200/300",
  "https://picsum.photos/id/3/200/300",
  "https://picsum.photos/id/4/200/300",
  "https://picsum.photos/id/5/200/300"
];
let index = 0;
const length = images.length;
const img = document.querySelector("img");
const div = document.querySelector("div");

document.addEventListener("click", e => {
  img.removeAttribute("src");
  index++;
  img.src = images[index % length];
});