I really like this wavey theme for my website. However, it feels like the way I achieve is hugely inefficient.
I created background images in figma with the wave and overlap these sections. However, if a section ends up being too long, I need to create a longer version of that background image and upload it to webflow.
These images tend to be huge. Some are close to 4mb and I am afraid this will affect page loading. There must be a better way to build this directly in webflow.
How would I do that?
This is what happens if the section is too long:
Here is my site Read-Only: https://preview.webflow.com/preview/octomo-landing-page?utm_medium=preview_link&utm_source=designer&utm_content=octomo-landing-page&preview=9e90aaae4c598004f497fd07251dc9dc&mode=preview
(how to share your site Read-Only link)