JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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