JSFiddle - React, Tailwind, and code Playground

HTML

<svg height="0" xmlns="http://www.w3.org/2000/svg">
<filter id="drop-shadow">
<feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
<feOffset dx="0" dy="1" result="offsetblur"/>
<feFlood flood-color="rgba(0,0,0,0.42)"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</svg>

<img class="shadowed" src="http://www.designerbyfate.com/up/pics/circle.png" />

CSS

.shadowed {
-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.42));
filter: url(#drop-shadow);
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=10, OffY=11, 
Color='#000')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=10, OffY=11, 
Color='#000')";
}