JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<a href=""></a>
<img src="https://www.petfinder.com/wp-content/uploads/2012/11/91615172-find-a-lump-on-cats-skin-632x475.jpg">
</div>

CSS

div{
  position:relative;
}
a{
  display:block;
 
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
a:hover{
   background-image: url("https://i0.wp.com/www.reklamstore.com/wp-content/uploads/2017/05/network-transparent-gray.png?ssl=1");
   background-repeat: no-repeat;
   background-size: cover;
}