JSFiddle - React, Tailwind, and code Playground

HTML

<div class="picture">
    <div class="overlay"></div>
</div>

CSS

.picture {
    position:relative;
    width: 300px;
    height: 200px;
    background: url(http://placekitten.com/300/200) center center no-repeat;
}
.picture .overlay {
    width:100%;
    height:100%;
   
    background: url(http://placekitten.com/100/100) center center no-repeat;
}