JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container_img">
    <img height="120" width="150" src="http://i.cdn.turner.com/cnn/.element/img/3.0/global/header/hdr-main.gif">
</div>

CSS

div.container_img {
    position:relative;
    overflow: hidden;
    width: 150px;
    height: 300px;
    border:1px solid red;
}

div.container_img img{
    position:absolute;
    top:50%;
}

JavaScript

var $img = $('div.container_img img');
var h = $img.height();
$img.css('margin-top', +h / -2 + "px");