I have this vector of a brush stroke, of which I can change the colorspace. However, I would like it to have an overlay effect, which it currently doesn't have. I want to use it in Web front-end, so this effect should be sustained within the image itself. Is there  an easy way to do this in Illustrator / Photoshop or any other program?

[![As you can see in this picture, the red background is not noticable through the vector][1]][1]


  [1]: https://i.sstatic.net/GQASr.png

As you can see in this picture, the red background is not noticable through the vector of the brush stroke.

EDIT1:

I am trying to achieve the following on my webpage:
- Brush is overlayed on the corner of an image and I want that image to be viewable through the brush stroke, especially on the corners where the brush vector has a lighter color.

![a busy cat](https://i.sstatic.net/mvFhE.png)
Zoomed-in version of how what it currently looks like on the webpage.