Better Image Borders with Blend Modes
img { mix-blend-mode: screen; }
The mix-blend-mode property defines how an element’s content should blend with its background. This means that any images or text, borders or headings will be influenced by this property. For example:
See the Pen mix-blend-mode demo by CSS-Tricks (@css-tricks) on CodePen.