CSS — тень поверх изображения?

Приветствую!

Требуется подсказка. Задача - "накинуть" тень поверх изображения. Пробую "играться" c position: relative и z-index.

Сделал слоеный пирог:

- nav на первом уровне
- img - на втором уровне
- a - на третьем (самом высоком) уровне.

По идее - все должно работать, но не работает. Нету тени - все!
А должна же быть! По идее, раз блок a расположен на самом верху, то он должен "класть" все свое на нижестоящих. )

Пример кода - codepen.io/gearmobile/pen/OVyJba