JSFiddle - React, Tailwind, and code Playground

HTML

<div class="field-content">
    <img src="http://lorempixel.com/640/480/" />
</div>

CSS

.field-content{
    width:80%;
    padding-bottom:80%;
    margin:1em auto;
    overflow:hidden;
    position:relative;
    background:#000
}

.field-content img {
   position:absolute;
   width:auto;
    min-width:100%;
    min-height:100%;
}