fix: wrong margins of loyalty card container in mobile

components/Loyalty/Blocks/DynamicContent/LoyaltyLevels/loyaltyLevels.module.css

@@ -1,13 +1,6 @@
 .cardContainer {
   display: grid;
   gap: var(--Spacing-x2);
-  margin-right: calc(0px - var(--Spacing-x2));
-  overflow-x: auto;
-  padding-right: var(--Spacing-x2);
-  /* Hide scrollbar IE and Edge */
-  -ms-overflow-style: none;
-  /* Hide Scrollbar Firefox */
-  scrollbar-width: none;
 }
 
 .link {
@@ -50,9 +43,6 @@
   .cardContainer {
     display: grid;
     grid-template-columns: repeat(12, 1fr);
-    margin-right: 0;
-    /* Three columns in the first row */
-    padding-right: 0;
   }
 
   .card:nth-of-type(-n + 3) {

components/Loyalty/Blocks/DynamicContent/dynamicContent.module.css

@@ -24,11 +24,6 @@
 }
 
 @media screen and (min-width: 950px) {
-  .container {
-    margin-right: var(--Spacing-x0);
-    margin-left: var(--Spacing-x0);
-  }
-
   .header {
     width: 800px;
   }