JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
   <div class="bg"></div>
   <p>123</p>
</div>

CSS

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;    
}
.main{
  width: 100%;
  min-height: 300px;
  position: relative;
}

.bg{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
      background-image: url('https://www.ixbt.com/img/n1/news/2021/10/3/6BFE0AC4-902C-4800-A1F6-D2FEA25A961B_large_large.jpeg');
  background-size: cover;
    background-position: center;
    -webkit-filter: blur(15px);
    filter: blur(15px);    
}
p{
  color: red;
  font-weight: bold;
  font-size: 72px;
  position: relative;
}