JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
  <div class="half"></div>
  <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ducimus, aut, at quibusdam non consequatur libero, pariatur veritatis atque eos temporibus laboriosam sit possimus nulla. Accusantium rem ipsam blanditiis praesentium.</h2>
</div>

CSS

body {
  margin: 0;
}
* {
  box-sizing: border-box;
}
div.box {
  width: 100%;
  height: 200vh;
  position: relative;
  background: url(http://picsum.photos/1920/1280) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
h2 {
  position: absolute;
  top: 75%;
  left:50%;
  transform: translate(-50%,-50%);
}