Как можно сделать hover только на сам элемент в фотографии, а не на всю ее область?

Question

[ArtJH]

Вот просто пример
https://codepen.io/ArtJH/pen/rNeyQjr

Чтоб hover срабатывал только на элементе фотографии, а не на саму область


Мне это нужно для такой ситуации, когда прозрачные фотографии друг на друга наезжают :


Подскажите как можно реализовать такое?
Может через js или другими какие-нибудь способами?

Answer 1

[Lord_Dantes]

https://jsfiddle.net/tjdbkge5/

Answer 2

[Pashok Doom]

clip-path