I want to have a screen space with a background image in a div and another image over the background image. The image which is above the background image should be draggable and resizeable AND it should automatically resize to the percentage zoom of the background image when i add it. Also, the background and the other image should zoom in and out proportionately.

Please HELP!

My approach:

There are two divs.
One div has an image which acts as its background.
Second div has another image which is draggable.

What i cant do is to sync both these divs so that they can zoom in and out proportionately.