How to shade an image?

Question

css

Tell me how to apply a gradient to the img that lies in the div, while it is the image itself that needs to be shaded. Maybe there are other ways to do it like this? Tell me who knows

Answer 1

If the img contains png, in which the "sea" is white, and Europe is transparent, then the background property of this img can create any dynamic miracles.

Answer 2

With svg you can do this (only the original image should be with transparent areas) https://codepen.io/aarizona/pen/zqQEMo?