Making svg backgrounds work properly

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


Here is my site Read-Only: https://preview.webflow.com/preview/blue-ghost?utm_medium=preview_link&utm_source=designer&utm_content=blue-ghost&preview=f3bbe41d3f535e28e4e8832b8e284b7b&mode=preview