About a new css style, the color deepening mode of pictures

I encountered a requirement a few days ago. I need to add a picture with a transparent background to the blending mode in PS. That is, the transparent picture is placed on top of other pictures. According to the colors of different parts of the underlying picture, the corresponding upper transparent picture is also displayed. Out of different colors.

That's it

In the green areas the mountains in the transparent layer need to turn green, and in the yellow areas the mountains in the transparent layer need to turn yellow.

Then I found a css attribute: mix-blend-mode: color-burn;

So I learned the following information about mix-blend-mode:

Reference article: https://www.mybj123.com/2733.html