JSFiddle - React, Tailwind, and code Playground

HTML

<p>adjust the height of the results pane</p>

<div>
    <img src="http://lorempixel.com/400/200" />
</div>

CSS

div {
    position: absolute;
    overflow: hidden;
    height: 50%;
    bottom: 80px;
    left: 5%;
    background: blue;
    width: auto;    
}

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

JavaScript

$(window).resize(function() {
   
    var imgWidth = $('img').outerWidth();
        
    $('div').css({
        'width':imgWidth
    });
    
});