JSFiddle - React, Tailwind, and code Playground

HTML

<div id='background'>
    <img id="image" src='http://i.imgur.com/57fZEOt.png'/>
    <div id='dot'>
        <img src='http://i.imgur.com/yhngPvm.png'/>
    </div>
</div>

CSS

#background {
    position:relative;
}

#image {
    width: 75%;
    max-width:500px;
}

#dot {
position:absolute;
}

JavaScript

var height = $('#image').height();
var width = $('#image').width();

/* change the fractions here according to your desired percentages */
$('#dot').css({left: width/1.6, top: height/3.1});

$(window).resize(function() {
    height = $('#image').height();
    width = $('#image').width();
    
    /* change the fractions here according to your desired percentages */
    $('#dot').css({left: width/1.6, top: height/3.1});
});