JSFiddle - React, Tailwind, and code Playground

HTML

<div id="left-control">
    <img src="http://31.media.tumblr.com/tumblr_ly8149MV8f1qaibfx.jpg" />
 </div>

CSS

#left-control {
   float: left;
   height: 500px;
}

#left-control:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#left-control img {
    vertical-align: middle;
    z-index: 1;
}