JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content"></div>
Content after

CSS

#content {
    position: relative;
    background: url('http://placekitten.com/g/1600/900') top center no-repeat;
    background-size: contain;
}

#content:after {
    content: "";
    display: block;
    padding-top: 56.25%;
}