Según te lo he puesto, la imagen está colocada en una etiqueta HTML <img/>.
También podría ir en el fondo del div con una propiedad background, pero en ese caso debes añadir el alto y ancho de la imagen a las propiedades width y height del div.
Como puede que la clase deba usarse con más de una imagen de diferentes medidas, parece mejor la primera solución.
Desde luego que el código debe colocarse dentro de una página y que en el atributo src="img.gif" de la etiqueta img debes colocar la dirección de una imagen de tu ordenador, de otro modo no verás nada.
La intención es que el texto que colocas en la etiqueta <p> se muestre en la parte inferior de la imagen cuando pasas por encima de la foto.