I have a problem with applying filters to an svg t-shirt image. I was able to place the background over the t-shirt mask but background is washed out and doesn’t look realistic.

I have created a t-shirt color editor/changer using SVG feColorMatrix & Javacript, the issue i am facing is when i set black color it becomes a flat image.

I am trying to apply multiple operations to shapes. (Eventually, my end goal is to blur 2 different shapes using a different color matrix and then blend them together. This is only a reproducible example where I am stuck.)

I’m trying to “merge” two masks in SVG and apply them in a way that the white part of both masks is visible in the shape I apply it to.