Instead of using map area you could use absolute css values to put a image on top of your map.
Underneath your main map div you could put another div with an image e.g.
<div style="position:absolute; left:300px; top:400px;"><img src="xyz.jpg" /></div>
Repeat this for all the images you want to do this for.
The left:300px
means it it 300 pixels from the left side of the screen, top:400px
means it is 400 pixels from the top of the screen. Although if you plan to have the image in the center of the page or something like that, it might be more useful to use margin-right:300px
instead of left:300px;
Also I would recommend using a CSS file rather than putting things directly into the style of the div.