JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tf-home" class="text-center">
    <div class="overlay">
        <div class="content">
            <h1>EURE <strong><span class="color">FLUCHT</span></strong> beginnt an diesem Ort</h1>
            <a href="#tf-about" class="fa fa-angle-down page-scroll"></a>
        </div>
    </div>
</div>

CSS

#tf-home {
  background: url(https://www.google.com/work/images/logo/google-for-work-social-icon.png);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 100vh;
  color: #cfcfcf;
}