HTML-ben hogy tudom megcsinálni, hogy egy kép adott kourdináltáira ráillesszek egy másik képet?

Egy div-be beteszel egy háttér képet, majd a másik képet megjeleníted adott pozíción.

<div style="BACKGROUND-IMAGE: url(egyikkép.jpeg); WIDTH: 500px; HEIGHT: 314px">

<IMG style="POSITION: absolute; LEFT: 200px; TOP: 160px" src ="másikkép.jpeg">

</div>

Egy kicsit játszottam.

[link]

<div style="BACKGROUND-IMAGE:

url( [link]

WIDTH: 711px; HEIGHT: 462px">

<IMG style="POSITION: absolute; LEFT: 100px; TOP: 181px" src

=" [link]

<IMG style="POSITION: absolute; LEFT: 200px; TOP: 180px" src

=" [link]

<IMG style="POSITION: absolute; LEFT: 300px; TOP: 178px" src

=" [link]

<IMG style="POSITION: absolute; LEFT: 400px; TOP: 175px" src

=" [link]

<IMG style="POSITION: absolute; LEFT: 500px; TOP: 172px" src

=" [link]

</div>