JSFiddle - React, Tailwind, and code Playground

HTML

<div class="background"><img src="http://wallpaperscraft.ru/image/seryy_chernyy_tekstura_poverhnost_tochki_236_2048x1152.jpg"></div>

<p><img src="http://mof.gov.il/about/PublishingImages/300x300.gif" border="0" 
style="position: absolute; left: 20px; top: 20px;"></p>
<p><img src="http://mof.gov.il/about/PublishingImages/300x300.gif" border="0" 
style="position: absolute; right: 20px; bottom: 20px;"></p>

CSS

html, body {
  width: 100%;
  height:100%;
  margin:-10px;
  padding: -10px;
}
.background{
  position:absolute;
  z-index:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
body.fade{opacity: 0;}body.appear
{opacity: 1;transition: opacity 5s;}

JavaScript

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