JSFiddle - React, Tailwind, and code Playground

HTML

<body style="background-color:#cccccc">
<div id="loading-logo-full"></div>
</body>

CSS

#loading-logo-full {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://raw.githubusercontent.com/joomla/joomla-cms/staging/media/jui/img/ajax-loader.gif');
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: fixed;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	overflow: hidden;
	display: block;
	z-index: 10000;
}