JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image-wrapper">
    
</div>

CSS

.image-wrapper {
    position: relative;      
}

.image-wrapper img { position: absolute; }
.active { z-index: 1 }

JavaScript

$(document).ready(function()
{
    addNewImage();    
});

function addNewImage()
{
    var newImage = $("<img />").attr("src","http://projects.kleelof.com/dtcapture/DTgetImage.php?time=" + new Date().getTime());
    
    newImage.load(replaceActiveImage);  
    $(".image-wrapper").append(newImage);  
}

function replaceActiveImage() {
    $(".active").remove();
    
    $(this).addClass("active");
    addNewImage();
}