I want to make a world map that has pins that fades in when scrolling to the map.
I have put the map (svg file) inside a ‘Section’ and then a ‘Column’. I then put the pin graphic and text label inside a div that is set to ‘Position Absolute’ with z-depth 1 in the same column as the map. Now I can move the pin to the right position.
When I scale down the site to tablet/phone, the map scale down, but the div with the pin inside do not scale, thereby moving to the wrong position on the map.
How can I set it up so that the pin scales with the map, keeping the right position on the map?
Printscreen of set up: