JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="position:absolute;height:0;">
	<defs>
		<filter id="level-50" x="0" y="0">
			<!-- begin of code to replace -->
			<feColorMatrix type="matrix" values="
				0.5 0 0 0 0
				0 0.5 0 0 0
				0 0 0.5 0 0
				0 0   0 1 0"
			/>
      <!-- end of code to replace -->
		</filter>
	</defs>
</svg>

<img class="img_01" src="https://image.ibb.co/kzz41Q/image.png" />
<br /><br />
<img class="img_02" src="https://image.ibb.co/kzz41Q/image.png" />

CSS

.img_02 {
	filter: url(#level-50); 
}