title: How to dim an image keeping transparency untouched with CSS or JS?
body: <p>Normal approach to dimming an image suggested everywhere is to change it's opacity attribute and display something dark under it. However, my image has transparency and is on white background. So I want to keep the background under transparent parts of image white, only making darker the pixels that have color. Is this possible to do in CSS (preferably) or JS?</p>
  
  <p>EDIT: Sample images <a href="https://imgur.com/a/Tat9f" rel="noreferrer">http://imgur.com/a/Tat9f</a></p>
  
  <p>Example image:</p>
  
  <p><img src="https://i.stack.imgur.com/IOYHV.png" alt="enter image description here"></p>