Как задать box-shadow для image, если его перекрывает div c background?

Question

[mortyyyyy]

codepen.io/anon/pen/ojEJzp, если задать .wrapper background, то изображение пропадает. Как можно решить эту проблему?

Comments

[iCat]

А зачем, собственно, нужна такая сложная система z-index'ов?

Answer 1

[iCat]

Если использование z-index не принципиально, то можно, например, так.

Comments

[mortyyyyy]

Спасибо большое. У меня появился вопрос по вашему коду, почему рамка вокруг изображения появляется только в том случае, когда у .shadow указан position:relative ?

[iCat]

mortyyyyy: потому, что псевдоэлемент ::after только таким образом может быть абсолютно спозиционирован относительно элемента с классом .shadow.