JSFiddle - React, Tailwind, and code Playground

HTML

<div id="chickcontainer">

		<img src="http://animal-dream.com/data_images/chicken/chicken7.jpg"><div class="overlay">chicks</div>
		<img class="chicks" src="https://smittenkitchendotcom.files.wordpress.com/2016/09/piri-piri-chicken.jpg?w=750">
		<img class="chicks" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRzRJV4iLzYh0eqyVG9-OidAW1t24Xa_vmVRX4Qy-WoyMIgpCx6">
	</div>

CSS

#chickcontainer img{
	position:relative;
	width:30%;
	height:30%;
	display:inline-block;
	margin-left:2%;
	border-radius:100%;
	border: solid .5px;

}

.overlay{
	visibility:hidden;
	position:absolute;
	width:20%;
	height:90%;
	top:12%;
	left:7%;
	z-index:0;
}

#chickcontainer img:hover .overlay{
	visibility:visible;
	z-index:100;
}