JSFiddle - React, Tailwind, and code Playground

by moob

HTML

<div>
    <img src="http://lorempixel.com/400/400/" />
</div>

CSS

html, body {
    height:100%; min-height:100%;
}
div {
    border:1px solid black;
    width:100%;
    height:80%;
    overflow:hidden;
    position:relative;
}
div img {
    display:block;
    position:absolute;
    margin:auto;
    top:-100%;
    right:-100%;
    bottom:-100%;
    left:-100%;
    min-width:100%;
    min-height:100%;
}