JSFiddle - React, Tailwind, and code Playground

HTML

<div class="productdemo">
    <img src="http://jsgears.com/_icons/11.png" id="img1">
    <img src="http://jsgears.com/_icons/12.png" id="img2">
    <img src="http://jsgears.com/_icons/14.png" id="img3">
    <img src="http://jsgears.com/_icons/15.png" id="img4">
</div>

CSS

.productdemo img {
    display:none;
}

JavaScript

$('.productdemo img').first().fadeIn(1000, function(){
    $(this).next().fadeIn(1000, arguments.callee);
});