JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bar">
    <img src="http://27.media.tumblr.com/yHWA4oxH870ulxnoH7CkOSDR_500.jpg" alt="Foo Image" />
</div>

CSS

.bar {
    height: 500px;
    text-align: center;
    background: green;
}

.bar img {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}