JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.box{
   width:277px; 
  background:#FCFBDF;    
} 
img{
    width:277px;
    display:block;
}
.imgWrap{
    position:relative;
}
.imgWrap:after{
    content:"";
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    opacity:0.5;
    border:5px solid red;
}