JSFiddle - React, Tailwind, and code Playground

HTML

<div class="other">
  <div class="parallax-wrapper">
  </div>
  <div class="normal-wrapper">
    Hello World
  </div>
</div>

CSS

body {
  margin: 0;
  padding: 0;
}
.other {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.parallax-wrapper {
  height: 100vh;
  background: url('http://m0.libe.com/blogs/cache/3e/9f/3e9f3c94db337827f6d1d0a859a433f4.jpg') fixed center;
  background-size: cover;
}
.normal-wrapper {
  height: 600px;
  background: green;
}