JSFiddle - React, Tailwind, and code Playground

HTML

<div id="loga1">logo1</div>
<div id="loga2">logo2</div>
<p></p>

CSS

#loga1 {
 width: 100px;
 height: 100px;
 background: #ffb;
 padding: 10px;
 border: 2px solid #999;
}
#loga2 {
 width: 100px;
 height: 100px;
 background: #5fb;
 padding: 10px;
 border: 2px solid #999;
    display:none;
}

JavaScript

$(document).ready(
				function animuj(){
					$("div#loga1").delay(5000).fadeToggle(1000).html('1');
					$("div#loga2").delay(6000).fadeToggle(1000).html('2');
					$("div#loga2").delay(5000).fadeToggle(1000).html('3');
					$("div#loga1").delay(7000).fadeToggle(1000).html('4');
					animuj();
				}
				
			);