i'm trying to create a head for a document site and ran into an issue:
At the top of the document should be a section with a text and a background image. The section's height should match the height of the text + a row of buttons below. The background image should be displayed behind that and fill the whole section.
I can achieve the desired design by assigning a background image to the section. The problem is, that i want to have different images on different pages. So i can't use the 'background image' function, because it changes the image on all pages.
Is there a way to get the same result using an image component? I tried a lot of different solutions now and none of them worked. The image is either not displayed behind the other elements or goes beyond the section and is not cut off correctly.
Here is the link to the site: http://illusionloop.webflow.io/docs/animated-steel-coaster
and the read-only link: https://preview.webflow.com/preview/illusionloop?preview=a5f61cd5de3b77f8342257a9631e4045
You will find the sites that should have different (top section) background images in the 'docs' folder.