I am trying to use an SVG to create a curve look on my page. I have the SVG's inside of the page already and they look good on desktop screens, but when I view the page on mobile there are small lines that appear above and below the svg and I want them gone but do not know how.

Pictures of issue

to 100% and see if it's solved.

Edit:

Now I can see the issue, in the head tag you must add:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

To make this website responsive, the other way it's scaling down and not having a responsive behavior. See the docs for further information