Problème de hover dans le transparent des png

Bonjour à tous,

je viens sur ce forum car j'ai besoin d'aide.

je m'explique j'aimerais présenter 3 de mes travaux sur mon portfolio de cette manière :

Donc j'ai découpé mes 3 triangles et enregistré en png puis ensuite je les ai placer sur ma page dans des balises <img>

le problème est survenu quand j'ai voulu mettre des hover, les hover s'activent dans le cadre de la balise img qui entoure le triangle donc même quand je suis à coté du triangle l'état hover se déclenche (je ne sais pas si j'arrive à me faire comprendre :/)

si quelqu'un à une solution pour moi je suis preneur! sachant que par apres ça devra être responsive

merci d'avance