JSFiddle - React, Tailwind, and code Playground

HTML

<div class="kitten">
    <img src="http://placekitten.com/g/200/300" alt="kitten" />
</div>
<div class="kitten">
    <img src="http://placekitten.com/g/300/200" alt="kitten" />
</div>
<div class="kitten">
    <img src="http://placekitten.com/g/300/300" alt="kitten" />
</div>
<div class="kitten">
    <img src="http://placekitten.com/g/200/200" alt="kitten" />
</div>

CSS

div.kitten {
    width: 260px;
    height: 140px;
    overflow:hidden;
}

div.kitten img {
    width:100%;
}

JavaScript

$(document).ready(function()
{
    $('div.kitten img').each(function()
    {
        $(this).css('margin-top', ($(this).parent().height() - $(this).height()) / 2);
    });
});