JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
<span class="test2">
  
  </span>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore quod atque ipsam cupiditate eum, debitis illo repudiandae aperiam dolorum quae neque praesentium, quis vero iure distinctio natus quisquam consequuntur officiis.



</div>

CSS

.test {
  position: relative;  
  z-index: 10;

}

.test2{
background-color:rgba(102, 204, 153,0.95);
color:#fff;
font-weight:bold;
border:1px #fff solid;
filter: blur(5px) ;
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: -1;
  
}