Removing horizontal scrolling on mobile

I used this CSS to fix the desktop scrolling, unfortunately I cannot seem to get rid of the grey background on the right side on mobile. It's annoying and i need to fix it! I removed the padding and image stretches on Elementor, please advise how I can keep this contained on both desktop and mobile?

@media(max-width: 769px) {
.gb-grid-wrapper.scrollable {
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: mandatory;
}
.gb-grid-wrapper.scrollable .gb-grid-column {
flex: 1 0 50%;
scroll-snap-align: start;
}
}