Adjusting padding above & below columns in mobile viewport

I have a row with 3 coluns here:

In desktop view, the padding top & bottom is OK. When I narrow the viewport so the columns stack, there is not enough white space between the bottom of the first “column” and the top of the next.

How can I adjust this so it displays better when the row narrows to a single column?

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from your site dashboard.

@media only screen and (max-width:767px) {
  #pg-13-1 .panel-grid-cell {
    padding-bottom: 40px !important;