<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1">
<defs>
<filter id="blurX" color-interpolation-filters="sRGB" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="5 0"/>
</filter>
<filter id="blurY" color-interpolation-filters="sRGB" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="0 5"/>
</filter>
</defs>
</svg>
<style>
img {
margin: 10px;
}
</style>
<img style="filter: url(#blurY);" src="resources/reference.png">
<img style="filter: contrast(500%) url(#blurY);" src="resources/reference.png">
<img style="filter: url(#blurY) contrast(500%);" src="resources/reference.png">
<img style="filter: url(#blurX) contrast(500%) url(#blurY);" src="resources/reference.png">