JSFiddle - React, Tailwind, and code Playground
HTML
<div id="landing"></div>
CSS
#landing {
position: relative;
margin-top: 0px;
background:url('https://www.google.com/images/srpr/logo11w.png') no-repeat;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
height:100px;
width:100px;
background-color: black;
z-Index:-1;
}
JavaScript
function bkgFadeOut() {
$('#landing').fadeOut();
}
function bkgFadeIn() {
$('#landing').fadeIn();
}
for (var i = 1; i <= 9; i++){
setTimeout(function () {
bkgFadeOut();
}, 1000);
setTimeout(function () {
bkgFadeIn();
}, 1000);
}