Issues with fullwidth mobile design

Hello
I am currently designing this page where I have a two column side by side layout on desktop for the homepage. Now I am trying to optimize this layout for mobile, however it looks very bad on my phone. The red background is not fullwidth and the text & content is cutt of on the sides!
I duplicated my desktop row, and disabeld the original row on mobile and the new one on desktop. So I can achive differnt order and styling of the content for mobile & desktop.

How it looks like:
Mobile:

Here are my settings:

Here is how it should look like:
Desktop
:
Phone:


Any help greatly appreciated!