JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
  <div class="ch">
    <img src = "https://s3-us-west-2.amazonaws.com/cbsapp/package_content/s78c_e4vt6/main_images/pg_4.jpg">
  </div>
</div>

CSS

#box{
    overflow-x: auto;
    overflow-y: auto;
    display: flex;
    background:red;
    flex-direction: column;
}
#box > .ch{
    flex:1;
    flex-shrink: 0;
    background: #fff;
    overflow: auto;
}
#box > .ch > img{
  width:100%;
}

JavaScript

$(document).ready(function(){
	$("#box > .ch").css({
  	'transform' : 'scale(1.8)',
    'transition' : '1s ease'
  });
});