JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://farm7.staticflickr.com/6217/6216951796_e50778255c.jpg">
<div></div>

CSS

body {
    font-size: 10px;
}
img, div {
    height: 33.3em;
    position: relative;
    overflow: hidden;
    display: block;
}
div {
    top: -33.3em;
    width: 4em;
}
div:before {
    content:"";
    position: absolute;
    top: calc(50% - 1em);
    left: 3em;
    height: 2em;
    width: 2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 0 17em rgba(255, 255, 255, 0.6);
}