JSFiddle - React, Tailwind, and code Playground

by elcoyote67

HTML

<div id=square>
<div style="position: fixed; background-image: url(https://i.imgur.com/4R4RQpe.png); background-repeat: no-repeat; height:357px; width:649px; background-position: fixed;" >
<img src ="https://firebasestorage.googleapis.com/v0/b/ontraport-product.appspot.com/o/accounts%2F1%2Fprojects%2Flist%2Fall%2FSTF%2FspecItemImages%2F149%2F-NyxwIqESJCA4gKXdz0E%2F1%2FSpinner.svg?alt=media&token=c406714a-f3d5-4cab-ae60-5f6de1cbd5f1" style="position: fixed; top:150px; left:300px; height:60px;" > </div>
</div>

<br><br>


<div style="position: fixed; background-image: url(https://i.imgur.com/HTZNask.png); background-repeat: no-repeat; height:357px; width:649px; background-position: fixed;" ><img src ="https://firebasestorage.googleapis.com/v0/b/ontraport-product.appspot.com/o/accounts%2F1%2Fprojects%2Flist%2Fall%2FSTF%2FspecItemImages%2F149%2F-NyxwIqESJCA4gKXdz0E%2F1%2FSpinner.svg?alt=media&token=c406714a-f3d5-4cab-ae60-5f6de1cbd5f1" style="position: fixed; top:550px; left:300px; height:60px;" > </div>

CSS

#square{
	background-color: black;
	color: white;
	height: 357px;
	width: 649px;	
	text-align:left;
	font-family: "Arial Black", sans-serif;
	}
  
  #square2{
	background-color: white;
	color: white;
	height: 200px;
	width: 200px;	
	padding-top: 15px;
	text-align:left;
	font-family: "Arial Black", sans-serif;
	}