JSFiddle - React, Tailwind, and code Playground

HTML

<div id="yourdiv">
<h1>
so much content here... 
</h1>
</div>

CSS

body {
  height:1200px;
}

#yourdiv{
    width: 100%;
    height: 600px;
    position: relative;
    display: block;
    background-image: url(https://cdn.shopify.com/s/files/1/1231/8576/files/hockeyjacket1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border: 10px solid black;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    }