JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
<img  src="data:image/gif;base64,R0lGODdhAQAKAIAAAAAAAP///ywAAAAAAQAKAAACA4SPBQA7"/><div class="column">Content DIV, here will be tables and some another content</div>
</div>

CSS

html, body {
    height: 100%;
    width:100%;
    margin: 0;
}
.table {height: 100%; width:100%; display:table;}
.column {
    height: 100%;
    display: table-cell;
    border: 1px solid green;
    vertical-align: top;
}

img {
    display: table-cell;
    height: 100%;
}

JavaScript

window.onload = window.onresize = function() {
    var image = document.getElementsByTagName('img')[0];
    
    document.documentElement.style.fontSize = image.offsetHeight + '%';
}