Как максимально просто сверстать такое?

Гуглить по запросу Lightbox + hover effect, достаточно много разнообразных примеров будет

ага, лучше специальную cms подбирать под такое дело.

зы если я правильно понял задачу, css будет достаточно.

Можно вот так: https://jsfiddle.net/xdk27u0x/

grayCat777, +1, идеально, то что нужно, ОДНАКО ОДНО НО!

У меня таких изображений дофига будет на странице, и они будут идти друг за другом и иногда нет, по разному, и разного размера будут, как УНИВЕРСАЛЬНО это сделать, не прописывая для каждого img-wrap ширину и высоту, она же у всех изображений разная будет.

Yurecm, хорошо, делаем УНИВЕРСАЛЬНО:) (почему здесь смайлы такие страшные, ни одной симпатичной мордашки)

Итак, вносим всего несколько изменений в мой предыдущий код:

1. для img-wrap устанавливаем display: inline-block, фиксированную высоту и ширину заменяем на auto

2. для картинки добавила правило display: block, чтоб убрать дефолтный нижний отступ в несколько пикселей.

Вот и всё, результат здесь: https://jsfiddle.net/rqfdh76g/