JSFiddle - React, Tailwind, and code Playground

HTML

<div id="original">
  <img src="https://i.stack.imgur.com/JJ6Vs.png" height="150px" width="auto" />
</div>
<div id="silueta">
  <img src="https://i.stack.imgur.com/JJ6Vs.png" height="150px" width="auto" />
</div>

CSS

#silueta img {
  -webkit-filter: grayscale(100%) brightness(50%) hue-rotate(10deg); 
  filter: grayscale(100%) brightness(50%) hue-rotate(10deg); 
}