feat: Fix alternating blocks on large screens

sreez/style/main.scss

@@ -313,29 +313,6 @@ ol.huge-list-markers li{
   }
 }
 
-.lr-sections {
-  > div {
-    margin-right: 0;
-    display: flex;
-    flex-direction: row;
-    margin-left: 0;
-    margin-right: 0;
-    width: 100%;
-    min-width: 100%;
-    justify-content: space-around;
-    text-align: left;
-    align-items: center;
-
-    .card-icon {
-      padding-left: 7rem;
-      padding-right: 7rem;
-    }
-  }
-
-  > div:nth-child(even) {
-    flex-direction: row-reverse;
-  }
-}
 
 .material-symbols-outlined {
   font-variation-settings:
@@ -377,4 +354,28 @@ ol.huge-list-markers li{
     margin-left: 3rem;
     margin-right: 3rem;
   }
+
+  .lg-lr-sections {
+    > div {
+      margin-right: 0;
+      display: flex;
+      flex-direction: row;
+      margin-left: 0;
+      margin-right: 0;
+      width: 100%;
+      min-width: 100%;
+      justify-content: space-around;
+      text-align: left;
+      align-items: center;
+
+      .card-icon {
+        padding-left: 7rem;
+        padding-right: 7rem;
+      }
+    }
+
+    > div:nth-child(even) {
+      flex-direction: row-reverse;
+    }
+  }
 }