JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box" >  
<img class="lightbox" src="http://i.dailymail.co.uk/i/pix/2012/12/04/article-2242647-0F79C42300000578-201_634x429.jpg"  />

    This is text
    
</div>

CSS

.box{
   width:277px; 
  background:#FCFBDF;    
}
.lightbox {
   border: 5px solid red;
   z-index:999; 
   opacity:0.3; 

}   
img{
    width:277px;
}