Texto en la imagen con el mouseover

Estoy tratando de que aparezca un pequeño cuadro en la parte inferior izquierda de una imagen cuando el mouse se mueve sobre ella. Dentro de la caja habrá un enlace a una página diferente.

aquí Es algo similar a lo que quiero, pero el cuadro es más pequeño y no está conectado al borde de la imagen.

He intentado todo y no puedo encontrar una respuesta. Y no quiero usar información sobre herramientas, y mucho menos el hecho de que no tengo ningún conocimiento de JavaScript en absoluto. Realmente quiero que esto sea CSS.

También se pueden encontrar las imágenes con las que estoy tratando de trabajar.aquí.

Respuestas a la pregunta(3)

Su respuesta a la pregunta