Creating a Section with Content (Cards) with Background Graphics

Design help Layout & Design
1

Hello community, I’m doing my first steps in Webflow and have the following problem I would like to insert like on the screenshot behind the cards 2 graphics in the Background

Bildschirm­foto 2022-11-17 um 13.22.20
Bildschirm­foto 2022-11-17 um 13.22.201530×1214 124 KB

(the blob and the rectangles) how do I do that best? So far I have tried it as a background image but I don’t think that is the right way.

Thank you for your help i would like to thank you already in advance.

Best regards
Andreas

Here is my site Read-Only: [LINK][1]

2

Hi @Andreas_Keim

You should add them as a total SVG. I would create the board with 3000 x 3000. If you want be really specific for all screen sizes, use a 3840 x 2160 to cover most user screens. You may have to resize a little bit in the background image panel.

To be honest, the background image is the best way to use this type of graphic. If you try and add it using the image element, it’s going to move around when responsiveness occurs. It’ll drive you crazy! Use a background image, set to cover or use a percentage. It’s the easiest way for this one. :slight_smile:

Just make the entire graphic is saved as one file, don’t break it up.

-G.J.

3

Hello @garymichael1313 thank you so much for your reply. I will try our solution:-).

Best regards
Andreas