JSFiddle - React, Tailwind, and code Playground

HTML

<div id="preloader">
  <div id="preloader-gif"></div>
</div>

CSS

body{
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 overflow: hidden;
}

#preloader{
 position: absolute;
 width: 100%;
 height: 100%;
 left:0;
 top:0;
 background-color: #0e1e2f;
 content:"";
 z-index: 9999
}

#preloader-gif{
 
 position: absolute;
 width: 25%;
 height: 25%;
 margin: auto;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background-color: red;
}