JSFiddle - React, Tailwind, and code Playground

HTML

<div class="heart"><img src="http://forum.htmlbook.ru/public/style_images/htmlbook/profile/default_large.png" alt="foto" /></div>

CSS

.heart {
    position: relative;
    width: 350px;
    height: 292px;
    line-height: 292px;
    border: 1px solid red;
    text-align: center;
    overflow: hidden;
}

.heart img {
    vertical-align: middle;
    width: 350px;
}

.heart:after {
    content: url('http://www.congratulatorycard.ru/frameforphoto/2/1047foto11.png');
    position: absolute;
    left: 0;
    top: 0;
    width: 350px;
    292px;
}