JSFiddle - React, Tailwind, and code Playground

HTML

<div id="splash">
    <img src="http://lorempixel.com/512/512/" />
    <div>
      <progress></progress>
    </div>
    <img src="http://lorempixel.com/512/512/" />
 </div>

CSS

html, body {
  height: 100%; 
  width: 100%;
  margin: 0;
}

#splash {
  height: 100%;
}

#splash img {
  max-width: 100%;
  max-height: 45%;
  width: auto;
}