JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<div><img src="http://placehold.it/350x150" alt="" /></div>

CSS

div {
    position:relative;
    width:350px;
}
div img{
    display:block;
}
div:before{
    content:"";
    position:absolute;
    background-image : url('http://placehold.it/100x50');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    height:100%;
    z-index:200;
}