Using Css Shape To Click Being An Image?

I am trying to get an input field and button to work even when they are behind a shaped png image. Now i thought all i had to do was using shape and it would trace the shape. And

Solution 1:

Set pointer-events: none to the element with the shape. As far as I know there is no other solution. Maybe you could try to make input field transparent and change the z-index. But that would not be what you want. By the way it is not user-friendly to hide the content of the input field.