JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image-container">
<img class="wrap-image" 
src="http://i.imgur.com/jMQ5vHg.png" 
id="wrap-image">
</div>

CSS

.image-container{
width: 124px;
height: 124px;
background-size: 100%;
background-image: url(http://imgur.com/jMQ5vHg);
-webkit-filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.75));
-moz-filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.75));
-ms-filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.75));
-o-filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.75));
}
#wrap-image{
mask: url("http://i.imgur.com/9Xo9L4Z.png");
-webkit-mask-box-image: url("http://i.imgur.com/9Xo9L4Z.png");
}