Hero section with background clipping.
Hi everyone,
I have Figma design, that i have hard time wrapping my head around. Ill be really happy if someone is able to nudge me in the right direction for this. I consider myself to be an intermediate at Webflow, but i haven't done layouts this complex before and have been stuck on how exactly i should implement this.
Explanation of the problem and a few ideas can be found in the Figma file.
Ideally everything should be achieved natively in Webflow.
PS
This is a task realated to a job interview. I want to point out that i don't to cheat with providing someone else's solution. I want to understand the problem better and hopefully be able to implement the solution on my own.
Here's the Figma link for the design.- https://www.figma.com/file/hzkvKPig9boVr5fDuBBKRV/%2312-Permagold-Section-Test-(Copy)?type=design&node-id=0%3A1&mode=design&t=WDtcjg8vEZ1p98Lm-1
And the initial setup in Webflow - https://preview.webflow.com/preview/mehmeds-fresh-site?utm_medium=preview_link&utm_source=designer&utm_content=mehmeds-fresh-site&preview=dad2278e937a06ba80299322899497f8&workflow=preview
I have Figma design, that i have hard time wrapping my head around. Ill be really happy if someone is able to nudge me in the right direction for this. I consider myself to be an intermediate at Webflow, but i haven't done layouts this complex before and have been stuck on how exactly i should implement this.
Explanation of the problem and a few ideas can be found in the Figma file.
Ideally everything should be achieved natively in Webflow.
PS
This is a task realated to a job interview. I want to point out that i don't to cheat with providing someone else's solution. I want to understand the problem better and hopefully be able to implement the solution on my own.
Here's the Figma link for the design.- https://www.figma.com/file/hzkvKPig9boVr5fDuBBKRV/%2312-Permagold-Section-Test-(Copy)?type=design&node-id=0%3A1&mode=design&t=WDtcjg8vEZ1p98Lm-1
And the initial setup in Webflow - https://preview.webflow.com/preview/mehmeds-fresh-site?utm_medium=preview_link&utm_source=designer&utm_content=mehmeds-fresh-site&preview=dad2278e937a06ba80299322899497f8&workflow=preview
