JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<div class="thumb"><img src="http://s015.radikal.ru/i332/1610/f3/e538de48198a.jpg"></div>

SCSS

.thumb:hover {
  display: inline-block;
  position: relative;
  
  &:before {
    position: absolute;
    z-index: 2;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    
    content: '';

    background: rgba(0,0,0,0.7);
  }
}