I am having some difficulty with image size (background image and centered icon) in the hero section of my site. I’ve purchased two templates - Dots and Marco - trying to get around this, but even when i try to use the exact page settings and just replace the images, im still running into trouble.
Is there a setting that I am missing for 100vh hero sections? I primarily want the hero section to scale responsively.
Here is an example to explain what I’m referring to:
-
Go to "home v.2"
Marco template: Please reference how the purple hero section maintains it’s width and height proportionately even when changing window size and switching between desktop, tablet, etc. -
Go to last page - “test”
-test page with the imagery im trying to use. See how the leaf background image does not scale proportionately? I’d like the background and 7329 icon to be proportionately sized and placed regardless of view (i.e. if screen gets smaller, both images get smaller but remain in the same position).
Apologies if this is a very silly question - this is my first time using webflow and i cant seem to figure this one out. Bottom line - Just want to know exact px size for hero background image and settings to ensure all images/text elements within that section remain 100vh and do not get disproportioned when scaling between diff web browser sizes