JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <img src="http://placehold.it/640x480&text=Background" class="main" />
    <img src="http://lorempixel.com/64/64/" class="overlay1" />
    <img src="http://lorempixel.com/128/128/" class="overlay2" />
</div>

CSS

.container {
    position:relative;
    width: 100%;
    max-width: 640px;
    line-height: 0;
}

.container img{
    max-width: 100%;
}

.overlay1{
    width: 10%;
    position: absolute;
    top: 3.125%;
    left:3.75%;
}

.overlay2{
    width: 20%;
    position: absolute;
    top: 41.666%;
    left: 36.09%;
}