How to make a background image transparent if there is a gradient behind it?

Question

css

Good afternoon, can you tell me if it is possible to make the background image transparent on one side, provided that the background behind it is made with a gradient? https://jsfiddle.net/crdd7sjh/

If there was a block of the same color behind this layer, for example #fff, then we could make a gradient or box-shadow, but what to do in this case? (for better understanding - https://jsfiddle.net/Lxz7p4a7/ )

Answer 1

https://css-tricks.com/clipping-masking-css/#artic...