JSFiddle - React, Tailwind, and code Playground

HTML

<div class="background-image">
  
</div>
<div class="content-with-text">
  <h1>Hello world</h1>
</div>

CSS

html,body{
  height: 100%;
  width: 100%;
}
.background-image {
  height: 100%;
  width: 100%;
  margin-bottom: -100%;
  background: black;
  opacity: .2;
}

.content-with-text {
  position: absolute;
  top: 0;
  left; 0;
  color: blue;
  
}