JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <img id="inner" src="http://jsfiddle.net/img/logo.png">
        

</div>

CSS

#outer {
    display: table;
    height: 200px;
    width: 100%;
    background: gray;
}

#inner {
    width: 100%;
    background: blue;
    max-height: 100%;
}