JSFiddle - React, Tailwind, and code Playground

by lustre

HTML

<figure></figure>

CSS

figure{
    width:200px;
    height: 180px;
    position:relative;
    background-image:url(http://24.media.tumblr.com/tumblr_m2scelXYGA1qbmtexo1_500.jpg);
    background-size:cover;
    background-position:50%;
}
figure:before{
    content:'';
    position: absolute;
    left: 0%;
    top: 0%;
    width: 180px;
    height: 160px;
    border: 10px solid rgba(255,255,255,0.5);
}