ok you set the svg as a background image of your body
i think that wont work properly. the svg size always needs to be width: 100% and height: auto and i guess that wont work when setting the svg as a background image
you need to insert the svg into lay options → custom css #& html → custom html at bottom
then style the svg to be
width: 100%; height: auto;
but as i said much earlier:
i think you need to insert html divs into lay options → custom css #& html → custom html at bottom
then use css to make these divs 1 px wide, and use position fixed to place these divs correctly
i think you should have just tried doing that instead of doing it your way
because the way you did it, the svg width is percentage based, your 1px lines in your svgs will change their widths because they are contained in the svg and the width of the svg depends on the width of the browser
please next time try the thing i suggest :D sry for the rant