JSFiddle - React, Tailwind, and code Playground

by Grobbert

HTML

<div id="here">
<img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMzg2Mjg1OTk0NF5BMl5BanBnXkFtZTcwMjQ4MTA3Mw@@._V1_SX300.jpg" id="img">
<div class="text">
  <h2>Example</h2>
  <p>Example Example Example Example Example Example Example Example Example Example Example Example Example Example Example Example Example Example Example Example Example Example</p>
  <p>Example Example</p>
  <p>Length: 111 min</p>
  <p>Example Example Example</p>
  <p>Example Example Example Example Example Example Example Example Example Example Example</p>
    
</div>
</div>

CSS

img {
  float: left;
}

p:last-of-type {
  margin-bottom: 0px;
}

JavaScript

$("#here").find('img').css("height", $(".text").outerHeight());

var $img = $("#here").find('img');
$img.on('load', function() {
   $("#here").find('img').css("height", $(".text").outerHeight());
});

window.onresize = function() {
   $("#here").find('img').css("height", $(".text").outerHeight()); 
}