Published Website won't show 100% full width on mobile

Design help Layout & Design
1

Hello,

I’m trying to get the wave svg div to be 100% and match up the width with rest of the background. On the webflow preview mode it shows as 100% width, however, once published the width of the image falls short of the 100% width.

Thank you in advance.

Screenshot 2023-11-14 at 7.44.42 PM
Screenshot 2023-11-14 at 7.44.42 PM2158×1518 166 KB

IMG_9261.PNG
IMG_9261.PNG1290×2796 114 KB

Here is my site Read-Only:

[Webflow - gilabit]

2

It was an SVG file issue. The original image file was SVG format. I used adobe illustrator to open up the SVG file and export it as a PNG File. Once added to the website the PNG images were able to reach 100% width.