JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header hide-content"><h2>...Your Header Elements In this...</h2></div>
<div class="content">
  <p>
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus blandit justo at auctor. In consequat urna bibendum ultrices commodo. Cras condimentum nunc porta maximus lacinia. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi elit leo, iaculis et quam nec, vulputate lacinia eros. Etiam pretium ultrices hendrerit. Donec vestibulum ullamcorper libero, condimentum consectetur dui commodo vel. Nam gravida nunc et vulputate blandit. Sed ligula nulla, molestie at leo a, aliquet fermentum eros. Vivamus ut ornare lorem, ac congue augue. Sed non pretium risus. Pellentesque quam erat, feugiat non faucibus sed, dictum et dolor.

Nulla in mi sed mi aliquam mattis in eu orci. Vivamus blandit arcu ac quam pretium congue. Aliquam dolor metus, malesuada ut egestas ut, tempor vel libero. Nam eleifend nibh id feugiat laoreet. Sed maximus fermentum mi id tristique. Phasellus vel suscipit tortor. Suspendisse eget vulputate dolor. Quisque mauris eros, condimentum sit amet nulla sed, malesuada hendrerit nulla. Nulla convallis neque ac felis suscipit elementum. Integer nibh leo, efficitur id consectetur facilisis, varius at mi. Nunc tincidunt, purus non finibus lacinia, neque mauris scelerisque lacus, vel imperdiet ex sem nec nulla. Curabitur volutpat augue mauris, pretium ultricies augue molestie non.

Nullam interdum orci eu lacus rutrum, non tincidunt sapien bibendum. Morbi aliquet eu augue ut sodales. Maecenas ornare nibh mauris, sed pharetra dui rutrum ac. Phasellus quis mollis mi. Duis pulvinar ac diam a tempor. Donec laoreet luctus turpis, quis sagittis ligula consequat eu. Ut faucibus vulputate lorem eu feugiat. Cras eget pulvinar tellus, a fermentum magna.

Nullam pretium dolor ac tellus placerat, vel commodo est pellentesque. Vestibulum placerat, eros at sagittis viverra, mauris magna egestas nunc, vel tincidunt nisl ante at elit....

CSS

body {background: url('http://www.affordableboisewebdesign.com/img/page-background.jpg') no-repeat top center fixed; background-size: cover;}
.header {position: fixed; top: 0; left: 0; width: 100%; height: 300px; background: green; z-index: 100;}
.hide-content {background: url('http://www.affordableboisewebdesign.com/img/alternate-background.png') no-repeat top center fixed; background-size: cover;}


/* Non Essentials */
body {color: #fff;}