JSFiddle - React, Tailwind, and code Playground

HTML

<body><img src="http://wallpaperscraft.ru/image/seryy_chernyy_tekstura_poverhnost_tochki_236_2048x1152.jpg"; position: absolute; width="100%"; height="100%";>
<img src="http://saveimg.ru/pictures/31-01-16/547d49a3108950989858daa86c0533a9.png" border="0" style="position: absolute; left: 20px; top: 20px;">
<img src="http://saveimg.ru/pictures/31-01-16/547d49a3108950989858daa86c0533a9.png" border="0" style="position: absolute; right: 40px; bottom: 40px;"></body>

CSS

html, body {
  width: 100%;
  height:100%;
  margin:-10px;
  padding: -10px;
  }
body.fade{opacity: 0;}body.appear{opacity: 1;transition: opacity 5s;}

JavaScript

document.body.className = 'fade';

setTimeout(function(){document.body.className = 'appear';}, 0);