Remove blank space that appears on mobile when adding two side by side text blocks

Site URL: https://seabass-maroon-5h8g.squarespace.com/remnant-assets

Website password: oakpointtest

I want text to display in columns on desktop, but on mobile, I would like the text to display as one column. When I do so, a space is created separating the text. I would like to remove the space created. Is there CSS or a way to organize the text blocks to do so?

Thanks

Custom code may help, you need to get the id of sections via Chrome Find Squarepace Ids

@media only screen and (max-width: 640px) {
        #block-yui_3_17_2_1_1605211453042_8039 {
                padding-bottom: 0 !important;
        }
        #block-yui_3_17_2_1_1605211453042_6907 {
          		padding-top: 0 !important;
        }
}