Fullwidth Column Height on Mobile

Hello,

I have created four columns with fullwidth enabled, fullwidth columns enabled, and equal fullwidth column height enabled. I uploaded a background image for the row with parallax disabled. In each column, there is a background color with the alpha set to 35.

These settings have created four colored blocks that are semi transparent on a background image. You will see the desktop version attached to this post. But when I try to view it on mobile, the columns no longer touch and you can see the fully saturated image in between the gaps. (Picture attached). How can I adjust these settings so that the columns are always in contact on desktop and mobile?