JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Scroll me...</h1>

<div>
  <h1>
    This is a heading.
  </h1>
</div>

CSS

div {
  background-image: url( 'http://via.placeholder.com/350x70' );
  background-attachment: fixed;
  background-position: center center;
  background-size: auto 100vh;
  margin: 17em 0;
}

div h1 {
  padding: 3em 0;
  margin: 0;
}

body {
  margin: 0;
  background-color: BurlyWood;
}