JSFiddle - React, Tailwind, and code Playground

HTML

<div class="photos"><a href="#"><img src="./img.jpg></a></div>

CSS

.photos {
	display:inline-block;
	height: 100px;
	margin-left:5px;
	margin-bottom:5px;
	background-image:url(delImg.png);
	background-repeat:no-repeat;
	background-position:center;
}
.photos img {
	height:100px;
}
.photos img:hover {
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
}