JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="title-overlay">Some text</h1>

CSS

body {
  background-image: url('https://source.unsplash.com/daily');
  background-size: cover;
}

.title-overlay {
  color: white;
  font-size: 8em;
  text-align: center;
  mix-blend-mode: overlay;
  text-shadow: 0 0 30px #000;
}