JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">  asdf</div>

CSS

.content{
margin: 0px;
position: fixed;
display:none;
background-image: url("../img/city_topdown_blurred.png");
background-size:cover;
width: 100%;
height: 100%;
}

JavaScript

$(document).ready(function(){
  console.log("fading in");
  $('.content').fadeIn("slow", function(){
    console.log("fading done");
  });
});