JSFiddle - React, Tailwind, and code Playground

HTML

<div id="frame">
    <div id="cell">
       <img src="http://www.allbestwallpapers.com/tagwallpaper/river-wallpapers.jpg" class="centerme"/>
    </div>
</div>

CSS

#frame{display: table; width: 200px; height: 200px; overflow: hidden; padding:10px; text-align:center; width:400px; position:relative; background-color:grey}
#frame img{max-width:100%}
#cell{display: table-cell; vertical-align: middle;}