JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 900px;">
   
<div class="row">
<div class="col-xs-2"><img src="http://placehold.it/350x350" class="img-responsive"></div>
<div class="col-xs-4"><img src="http://placehold.it/700x350" class="img-responsive"></div>
<div class="col-xs-2"><img src="http://placehold.it/350x350" class="img-responsive"></div>
<div class="col-xs-2"><img src="http://placehold.it/350x350" class="img-responsive"></div>
<div class="col-xs-2"><img src="http://placehold.it/350x350" class="img-responsive"></div>
</div>

</div>

JavaScript

$(document).ready(function () {
    var min = Infinity;
    $els = $('.row > div > img');
    $els.each(function () {
        min = Math.min($(this).height());
    });
    //alert(min);
    $els.parent('div').css({
        'height': min,
        'overflow': 'hidden'
    });
});