JSFiddle - React, Tailwind, and code Playground

HTML

<div id="level_highlight">
    
</div>

<p>Other text</p>
<p>Other text</p>

<p>Other text</p>

CSS

#level_highlight { 
    position: absolute;
    /*display: none;*/height:200px;width:200px;

    border:5px solid gray;
    /*background-color: #00FFFF; */
    -webkit-box-shadow: 0px 0px 4px #ffffff; 
       -moz-box-shadow: 0px 0px 4px #ffffff; 
            box-shadow: 0px 0px 4px #ffffff; 
/*
   opacity: 0.4;
   filter:alpha(opacity=40); /* IE's opacity*/

   -webkit-border-radius: 12px; 
      -moz-border-radius: 12px; 
           border-radius: 12px; 

      -moz-background-clip: padding; 
   -webkit-background-clip: padding-box; 
           background-clip: padding-box;
    
    background-color:rgba(0,255,255,0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9900FFFF,endColorstr=#9900FFFF);
            *zoom: 1;  
}