Вопрос по html/css. Как сделать hover эффект сразу к двум объектам, в моём случае?

jsfiddle.net/91gLozw8/6
Вот есть фото человека, на нём какие-то данные. Я попытался сделать так, чтобы при наведении он становился зелёным и на нём появлялся текст. Без наведения должно быть чистое фото.
Но у меня не получается сделать так, чтобы текста не было в спокойном состоянии. Возможно я перемудрил с css, так как давно ничего не верстал.
Адрес картинки и данные на ней обязательно должны редактироваться через html, а не через css. В этом сложность.