JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img src="http://akamaicovers.oreilly.com/images/9780596806767/cat.gif" alt=""/>
</div>

CSS

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

div {
    height: 90%;
    background-color: black;
    display: inline-block;
}

img {
    height: 100%;
    width: auto;
}

JavaScript

$(window).on('resize', function (){ 
    $('div').width($('img').width());
});