remove numbers from program, improve layout

src/js/components/card_program/CardProgramItem.vue

@@ -55,11 +55,16 @@
         "
       >
         <div
-          class="w-full flex flex-col gap-8 justify-between"
+          class="
+            flex gap-7 [flex-flow:column_wrap]
+            w-full h-full justify-start
+
+            max-h-[500px]
+          "
         >
           <h2
             class="
-              font-alt text-[3.25rem] duration-200 delay-100
+              font-alt text-[3.25rem] duration-200 delay-100 w-1/2
 
               xl:text-[6.5rem]
             "
@@ -68,21 +73,8 @@
           </h2>
 
           <CardProgramItemPoint
-            :number="points[0].number"
-            :content="points[0].content"
-          />
-        </div>
-
-        <div
-          class="
-            flex flex-col gap-7
-            w-full h-full justify-end
-          "
-        >
-          <CardProgramItemPoint
-            v-for="(point, index) in points.slice(1)"
+            v-for="(point, index) in points"
             :key="point.number"
-            :number="point.number"
             :content="point.content"
           />
         </div>

src/js/components/card_program/CardProgramItemPoint.vue

 <template>
-  <div class="flex gap-3">
   <div
     class="
-        text-[3rem] font-alt duration-150 delay-300
-        xl:text-[7rem]
-      "
-    >
-      {{ this.number }}
-    </div>
-
-    <div
-      class="
-        [&_p]:text-lg [&_p]:leading-7 [&_p]:duration-150 [&_p]:delay-300 mt-[-5px]
+      [&_p]:text-lg [&_p]:leading-7 [&_p]:duration-150 [&_p]:delay-300 mt-[-5px] w-1/2
 
       xl:pt-1 xl:m-0
     "
@@ -22,12 +12,11 @@
       </p>
     </div>
   </div>
-  </div>
 </template>
 
 <script>
 export default {
   name: "CardProgramItemPoint",
-  props: ["number", "content", "isFirst"],
+  props: ["content", "isFirst"],
 }
 </script>