JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://lorempixel.com/1280/640/cats/1" id="auto" />
<p>This text will get pushed down after load starts</p>
<img src="http://lorempixel.com/1280/640/cats/2" id="fixed" />
<p>This text will get pushed down after load starts</p>
<img src="http://lorempixel.com/1280/640/cats/3" id="percentage" />
<p>This text will get pushed down after load starts</p>

CSS

img {
    width:100%;
}
#auto { height: auto; }
#fixed { height: 640px; }
#percentage { height: 100%; }