Как реализовать появление другого изображения?

Question

[arsenalfangun]

Имеется блок, а в нем данное изображение. Я так понимаю ,что при наведении на картинку поверх нее должен появляться прямоугольник меньшего размера с текстом. Не могу додуматься до конца как это сделать. Занимаюсь версткой недавно. Помогите пожалуйста.

Comments

[Ilya Muromtsev]

hover эффекты загугли

Answer 1

[Ankhena]

<figure>
  <img>
  <figcaption>text</figcaption>
</figure>

figcaption {
display: none
}
figure:hover figcaption {
position:absolute;
display: нужный-вам
и т.д.
}