JSFiddle - React, Tailwind, and code Playground

HTML

<img class="thumbnail" src="" alt="batman" />
    <div class="thumbnail">batman</div>

CSS

.thumbnail {
   	width:252px;
	height:185px;
	display:block;
	float:left;
	position:relative;
}

.thumbnail:hover{
	cursor:pointer;
	position:relative;
}

.thumbnail:hover:after{
	width:252px;
	height:185px;
	display:block;
	background:rgba(196,19,47,0.8);
	content:"View House";
	position:absolute;
	left:0; 
	top:0;
	white-space:nowrap;
	z-index:100;
}