feat(WEB-314): render current benefit cards with carousel on mobile

components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css

@@ -21,6 +21,8 @@
 }
 
 .title {
+  display: flex;
+  flex-direction: column;
   text-wrap: balance;
 }
 .titleValue {

components/MyPages/Blocks/Benefits/CurrentLevel/index.tsx

@@ -37,7 +37,7 @@ export default async function CurrentBenefitsBlock({
     <section className={styles.container}>
       <Header title={title} link={link} subtitle={subtitle} />
 
-      <CardGrid>
+      <CardGrid isMobileCarousel={true}>
         {currentLevel.benefits.map((benefit, idx) => (
           <Link
             href={benefit.href}