JSFiddle - React, Tailwind, and code Playground

HTML

<div class='image'></div>
<div class='content'>Content</div>

CSS

html, body, .image { height: 100%; }
body { margin: 0; }
.image {
    width:100%;
    background: green;
    background-image: url('some-image.jpg');
    background-size: cover;
}
.content {
  height: 400px;
}