Merge pull request #20523 from overleaf/jel-cms-padding-fix

[web] CMS BS5 - Fix mobile top padding when columns reversed, apply `max-width` to rows as cards

GitOrigin-RevId: 0c8745c171dc8e24389b2e54e4d6fd605c30e145

services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss

@@ -475,6 +475,17 @@
 
     .reverse-col-order-mobile {
       flex-direction: column-reverse;
+
+      // 1st column is displayed as 2nd column on mobile when reversed
+      div[class*='col-'] {
+        &:not(:last-child) {
+          padding-top: var(--spacing-13);
+        }
+
+        &:last-child {
+          padding-top: 0; // unset padding from default rows above
+        }
+      }
     }
   }
 }