JSFiddle - React, Tailwind, and code Playground

by Margus Martsepp

HTML

<div class="overlay">
    <img src="http://i.imgur.com/Z7IlELT.gif" alt="Veebilehte laaditakse">
</div>

x

CSS

.overlay{
    z-index:1;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:rgb(255,255,255);
}
.overlay img{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
}

JavaScript

$(function() {
    setTimeout(function (){
        $(".overlay").remove();
    }, 1000);
});