<div class="group relative w-fit h-52">
<img src="favicon.png" alt="" class="h-full">
<div class="absolute left-0 top-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 bg-black bg-opacity-75 h-full w-full text-center align-middle">
hhhhh hi
</div>
</div>makes an image that when hovered displays the text inside the <div>