I have a question I hope someone can help me with: I have an image that will be 100vw and 100vh as a hero section. There are 4 buildings in this images (besides many other) but I want to highlight these 4 specific buildings. For now I used absolute positioning for these 4 headings on the image and tried to play around with margins in % and vw / vh, so that these four headings always stay in the spot (pointing to the right building) despite the size of the browser window. However, so far I didn’t get the perfect values to achieve this. Depending on the size of the browser, at some point the headings will be slightly miss-positioned and no longer pointing to the right building.
Unfortunately I cannot share the read only link bc the image is from the client and it can’t be shared yet. I hope though someone can still help!
FIY: the reason why I want to use Webflow headings (instead of adding the headings in photoshop to the actual image) is that I want these 4 headings to ‘pop up’ /fade in as an effect when someone opens the website.