Lighweight Grid Columns stacking on mobile without space in between

Hi, I am facing a layout issue with Lightweight Grid Columns: On desktop and tablet sizes I have 2 columns set up, one is completely filled with an image, the other has a full background fill and some text. On mobile, these 2 get stacked. I would like to have a seamless stack, but somehow there's a gap inserted that seems to originate from the Lightweight Grid Columns. I haven't been able to figure out the CSS to de-activate that gap. I hope someone can help?

Code:
[lgc_column grid="50" tablet_grid="50" mobile_grid="100" last="false" class="push-50 tablet-push-50" equal_heights="true" style="background-color:#f8f7f4;height:100%;"]
<h1>This is a test with 2 columns.</h1>
<h3>And an extra sentence</h3>
[/lgc_column][lgc_column grid="50" tablet_grid="50" mobile_grid="100" last="true" class="pull-50 tablet-pull-50" equal_heights="true" style="height:100%;padding:0px;"][/lgc_column]

CSS:
.full-width-gite-grid .generate-sections-inside-container {
padding:0;
}