JSFiddle - React, Tailwind, and code Playground

HTML

<div>

</div>

CSS

div{
    width: 200px;
    height: 200px;
    background:url('http://www.online-image-editor.com/styles/2013/images/example_image.png');
    position: relative;
}

div:after{
  content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
div:hover:after{
    display:none;
}