JSFiddle - React, Tailwind, and code Playground

by David Sch

HTML

<div class="heroimage">

  </div>

CSS

html, body {
    height:100%;
} 

.heroimage {
  margin-top: -75px;
margin-left: -16.5%;
margin-right: -16.5%;
background-color: white;
background-image: url('https://cdn.shopify.com/s/files/1/0101/8200/0697/files/hero-image-50pct-1920x950.jpg?9932626900211356450');
background-size: cover;
background-repeat: no-repeat;
background-position: left top;
height: 100%;
}