For those of you just starting out, I want to apologize if my question isn't crystal clear.
My goal is to create an image that will respond both horizontally and vertically, with pins overlaying the image that adjust in size based on the picture itself (not the screen).
I came across a great post that almost accomplishes what I'm looking for, however, the image doesn't quite fit vertically within the screen (resulting in a pesky vertical scrollbar when viewed in a small browser window).
If you're interested, you can check out the original post I found here: Objects follow responsive background-image
While I've been able to resize the image to my liking by adding some vw and vh values to the container containing the image, the issue arises when the pins start moving along with the viewport instead of the image itself. Does anyone know how to tweak the code from the aforementioned post so that the image fits perfectly within the viewport while still keeping the pins in place - essentially staying connected to the same house?
Your help would be greatly appreciated!