Przycięcie warstwy css/html

Question

Witam, otóż mam taki problem. Posiadam coś takiego: 

https://codepen.io/PatrykTal/pen/dmrZjr

Ale jest to dość proste: 

1. div z tłem trawy - z-index: 1,

2. Siatka - skóra węża - z-index: 2,

3. Kosiarka (.png) - z-index 3,

I teraz chciałbym przyciąć warstwę drugą (siatkę) do kosiarki tak aby nie wystawała po za jej obszar. 

 

Comments

Nie łatwiej by było przez canvas? Bo rozumiem, że jako obiekty to są kwadraty.

---

@PATYL, Nie rozumiem co chcesz zrobić xD

 

edit 1: Już rozumiem xD

---

@PATYL, próbowałeś użyć clip-path?