JSFiddle - React, Tailwind, and code Playground

HTML

<div class="picture">
    <img src="http://placekitten.com/300/200" />
    <img class="overlay" src="http://placekitten.com/100/100" />
</div>

CSS

.picture {
    position:relative;
    width: 300px;
    height: 200px;
}
.picture .overlay {
    position:absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
}