Как привязать к точке на изображении другое изображение

document.getElementById("bg").onclick = function(e){ 
  var imageUrl = prompt("Введите ссылку на изображение:"); 
  if ( imageUrl ){ 
    /* Создаем изображение */ 
    var img = document.createElement("img"); 
    img.src = imageUrl; 
    img.style.position = "absolute"; 
    img.style.top = e.pageY + "px"; 
    img.style.left = e.pageX + "px"; 
    /* Создаем точку */ 
    var point = document.createElement("div"); 
    point.classList.add("point"); 
    point.style.top = e.pageY - 5 + "px"; 
    point.style.left = e.pageX - 5 + "px"; 
    /* Добавляем созданные объекты на карту*/ 
    document.getElementById("bg").appendChild(point); 
    document.getElementById("bg").appendChild(img); 
  } 
}

#bg { 
  background: url('https://www.vsyaotdelka.ru/upload/iblock/b7c/b7c0eaf40b5d4010ebc1f16ebe0a73ca.jpg'); 
  width: 100%; 
  height: 100%; 
  min-height: 500px; 
} 
 
.point { 
  display: inline-block; 
  position: absolute; 
  width: 10px; 
  height: 10px; 
  background: red; 
  opacity: 0.5; 
  border-radius: 0.5em;  
}

<div id="bg" style=""> 
</div> 
 
<div id="hint"></div>