html - Image filling vertical space in container -

i've got <div> image on left side , text on right side. how can achieve image fills vertical space?

this how supposed look:

the parent's height change in 3 steps using media queries.

this should make images in div reach top bottom.

<div id="content">     <img src="source.jpg">     other div contents... </div  #content img {      height: 100%; }