Making svg backgrounds work properly

ogattermayr · May 14, 2020, 9:16pm

Hello all,

I tried using webflow a few years ago, and now have another project.

The issue: Making svg images used for each section fully responsive, specially in the mobile breakpoint.

On 1440px and the other breakpoints i managed to get them working (although still needs adjustments).

Basically, in each section i placed a div, which has an svg background image.

I’ve tried a few settings, having the image as contain, cover and different settings in tile or not.

Now this is my first time also working with svgs as a background, please point me out in the right direction on to what I am doing wrong.

Here is how its supposed to look, and how it actually looks:

Section 2:

Thanks in advance!
oli