Masked UI element to not block events

Hello, i m here today for advice.

What would be the best way for an masked element to let trough events without changing the order in the editor.
Basically i would like that if a part of a element is masked, to not intercept the events.

In the example, i would like that the red image gets the event in the bottom half and the white in the part that is not behind the mask.

Thanks in advance.