JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="bgImageContainer">
</div>
    <div class="content"> Some text and stuff here</div>
</body>

CSS

body, html{width: 100%;height: 100%; position: relative;}
.bgImageContainer{
  background-image:url('https://placeimg.com/1000/1000/people'); 
  width:100%; height:100%;
  -webkit-filter: blur(5px);z-index:0;
  position:absolute;
  background-position: center;
  background-size:cover
 }
.content{
  z-index:10;
  position:relative;
  text-align:center;
  top: 50%;
  transform: translateY(-50%);
  font-size: 3.5rem;
  font-weight: 600;
 }