feat(WEB-250): overview hero final ui

components/MyPages/Blocks/Benefits/NextLevel/next.module.css

@@ -2,6 +2,7 @@
   display: grid;
   gap: 1.5rem;
 }
+
 .cardContainer {
   display: grid;
   gap: 0.4rem;
@@ -15,6 +16,7 @@
   margin: 0;
   font-size: 2rem;
 }
+
 .card {
   text-decoration: none;
   display: flex;
@@ -31,7 +33,8 @@
 .level {
   font-size: var(--typography-Script-Mobile-fontSize, 18px);
   font-weight: var(--typography-Script-Mobile-fontWeight);
-  font-style: italic; /* font-family: var(--ff-biro-script-plus); */
+  font-style: italic;
+  /* font-family: var(--ff-biro-script-plus); */
 }
 
 .cardSubtitle {
@@ -47,7 +50,7 @@
   text-decoration: none;
 }
 
-@media screen and (min-width: 950px) {
+@media screen and (min-width: 1367px) {
   .cardContainer {
     grid-template-columns: 1fr 1fr 1fr;
   }