JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box" class="glow"></div>

CSS

#box {
    border:solid 1px #ddd;
    width:200px;
    height:300px;
    position:relative;
    background: url('http://placekitten.com/g/200/300');
}
#box:after{
    content:"";
    background: #CE1A1A;
    opacity:0.5;
}
.glow:after {
    -webkit-box-shadow:inset 0px 0px 120px #fff;
    -moz-box-shadow:inset 0px 0px 120px #fff;
    box-shadow:inset 0px 0px 120px #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content:"";
}