JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

body {
  height: 100%;
}

#splash {
    max-height: 100%; /* does nothing */
}

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

progress { width: 100% }