JSFiddle - React, Tailwind, and code Playground

JavaScript

jQuery.preloadImages = function() { for(var i = 0; i<arguments.length; i++) jQuery("<img>").attr("src", arguments[i]); }
var i=1;
var max=3;

$(function() {
    $('body').css('background-color','#fff');
    $('#bg img').css('opacity',0);
    $('#bg img').animate({ opacity: 1}, 2000);
    setTimeout("changeBackground()",7000);
})

function changeBackground(){
    $('#bg img').animate({ opacity: 0}, 1499);
    i++
    if (i > max){
        i=1;
    }
    setTimeout("setBackground(" + i + ")", 1500)
}

function setBackground(number){
    $('#bg img').attr('src','/images/bg' + number + '.jpg');
    $('#bg img').animate({ opacity: 1}, 1500);
    setTimeout("changeBackground()", 7000)
}