JSFiddle - React, Tailwind, and code Playground

HTML

<div class="element">
    <div class="background-image"></div>
    <img src="http://via.placeholder.com/350x350" class="image-responsive" alt="">
</div>

CSS

.element{
  position: relative;
  display: inline-block;
}
.background-image{
  background-image: url('http://sharksharkshark.net/snow.png');
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.image-responsive{
  max-width: 100%;
}