JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048764.jpg">
<div class="label">
  LEGO DUPLO IL MIO PRIMO GIARDINO 10819
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048765.jpg">
<div class="label">
  LEGO DUPLO I MIEI PRIMI VEICOLI 10816
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048766.jpg">
<div class="label">
  LEGO DUPLO CONTENITORE CREATIVO 10817
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048767.jpg">
<div class="label">
  LEGO DUPLO AEROPLANINO 10808
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048768.jpg">
<div class="label">
  LEGO DUPLO AUTO DELLA POLIZIA 10809
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048769.jpg">
<div class="label">
  LEGO DUPLO AUTOGRÙ 10814
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048770.jpg">
<div class="label">
  LEGO DUPLO CAVALLI 10806
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048771.jpg">
<div class="label">
  LEGO DUPLO CAVALLO E RIMORCHIO 10807
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048772.jpg">
<div class="label">
  LEGO DUPLO LE AVVENTURE SPAZIALI DI MILES 10824
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048773.jpg">
<div class="label">
  LEGO DUPLO L'HANGER STELLARE DI MILES 10826
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048774.jpg">
<div class="label">
  LEGO DUPLO L'OFFICINA DI TOPOLINO 10829
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048775.jpg">
<div class="label">
  LEGO DUPLO IL CAFFÈ DI MINNIE 10830
</div>
<img src="http://www.pierantoni.it/Uploads/Pierantoni/Products/Big/8048776.jpg">
<div class="label">
  LEGO FRIENDS IL LABORATORIO CREATIVO DI EMMA 41115
</div>
<img...

CSS

body {
	margin: 5px;
	text-align: center;
}
.label {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: #333;
	color: #fff;
	width: 100%;
	border: #ccc 1px solid;
	text-align: center;
	z-index: 999;
	padding: 10px 0;
	font-family: sans-serif;
}
img {
	border: 1px #ccc solid;
	margin: 5px;
}
img:hover+.label {
	display: block;
}
img:hover {
	box-shadow: 1px 1px 10px #000;
	z-index: 2;
	position: relative;
}