JSFiddle - React, Tailwind, and code Playground

HTML

<div id="background1"></div>
<div id="background2"></div>

CSS

#background1{
    background-image: url("https://placekitten.com/g/500/300");
    width: 500px;
    height: 300px;
    position: absolute;
}
#background2{
    background-image: url("https://placekitten.com/g/600/300");
    width: 500px;
    height: 300px;
    display: none;
    position: absolute;
}

JavaScript

setTimeout(function(){
    $("#background2").fadeIn();
}, 2000);