JSFiddle - React, Tailwind, and code Playground

HTML

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

    This is text
    
</div>

CSS

.lightbox{
   display:block;
   width:267px;
   border:5px solid rgba(255,255,255,.75);
}
.lightbox img{
    display:block;
    width:277px;
    margin:-5px;
    position:relative;
    z-index:-1;
}