JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box" >  
<div class="lightbox">

    This is text
    </div>    
</div>

CSS

.box{
   width:634px; 
    height: 429px;
  background:#FCFBDF url("http://i.dailymail.co.uk/i/pix/2012/12/04/article-2242647-0F79C42300000578-201_634x429.jpg") top left no-repeat;
}
.lightbox {
   border: 5px solid red;
   z-index:999; 
   opacity:0.3; 
   width: 630px;
   height: 425px;

}   
img{
    width:277px;
}