JSFiddle - React, Tailwind, and code Playground

HTML

<div id="loadingWrap">
            <div id="loadingIcon">
            </div>
        </div>

CSS

#loadingWrap{
                width: 100%;
                height: 100%;
                top: 0px;
                z-index: 250;
                background-color: rgba(255, 255, 255, 0.46);
            }
            #loadingIcon {
                z-index: 10;
                position: absolute;
                right: 20px;
                bottom: 20px;
                line-height: 0px;
                background: url('http://www.nasa.gov/multimedia/videogallery/ajax-loader.gif') no-repeat center center;
                width: 270px;
                height: 270px;
            }