JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fade">
        <div id="box">
          <blockquote class="blockquote-reverse">
                <p>Blah Blah</p>
                <footer>Project Manager of <cite title="Source Title">Some project</cite></footer>
        </blockquote>
       </div>
     </div>

CSS

#box {
    font-family: 'Playfair Display';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#fade {
    height:100vh;
    background-color: black;
}

JavaScript

$(window).load(function(){
    $('#fade').fadeOut(300);
});