JSFiddle - React, Tailwind, and code Playground

HTML

<div class='imgContainer'>
    <img src='http://upload.wikimedia.org/wikipedia/commons/d/d7/Sad-pug.jpg' />
</div>

CSS

.imgContainer {
    display: table-cell;
    width: 200px; 
    height: 100px;
    background: #eee;
    text-align: center;
    vertical-align: middle;
}

.imgContainer img {
    max-width: 100%;
    max-height: 100%;
}