Hi, I tried to figure out what would be the simplest way!
I would recommend to create a div block inside ‘Map Container’ called ‘Map Image Wrapper’ or something similar. Then give that element position: absolute, width 840px (you had previously used the scale transform, so 840 is 600*1.4 scale, it’s cleaner this way), position it in a way that you want, I’ll attach a screenshot of what I did:
Then place the map image (with no class, just delete the class Map Image altogether) inside the ‘Map Image Wrapper’ that you created and it will look fine as long as you’ve positioned its wrapper nicely. Then put the circle images inside the ‘Map Image Wrapper’ as well and make sure they have position absolute and it shows that they’re relative to ‘Map Image Wrapper’.
This way the image and the circles will be always related to the same element, which means they stay together. Basically you just create a separate wrapper for them.
Hope this was clear!