JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Before</h2>
<div>
    <img class="bg" src="http://i.imgur.com/ohRt8Cb.jpg" alt="">
    <img class="fg" src="http://i.imgur.com/SCsSlbo.png" alt="Our Product!">
</div>
<h2>After</h2>       
<div>
    <img class="bg blurred" src="http://i.imgur.com/ohRt8Cb.jpg" alt="">
    <img class="fg" src="http://i.imgur.com/SCsSlbo.png" alt="Our Product!">
</div>
        
<p>Image Credit: <a href="http://www.flickr.com/photos/philleara/7022795497/">Phiip Leara</a></p>

CSS

div {
  position: relative;
  left: 0; top: 0;
}

img {
  width: 500px;
}

.fg {
  position: relative; 
  top: 0; left; 0;
}

.bg {
  position: absolute;
  top: 0px; left: 0px;
}

.blurred {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

h2 { 
    margin: 0;
}