text-with-image adapt to new design

components/SectionWithCards.vue

@@ -1,7 +1,7 @@
 <template>
   <section 
   :id="id"
-  class="flex flex-col gap-8 lg:gap-21 rounded-3xl mb-8 px-4 pt-12 pb-16 md:p-16 md:pb-24 bg-gradient-conic-2 ">
+  class="flex flex-col gap-8 lg:gap-21 rounded-3xl mb-8 px-4 pt-12 pb-16 md:p-16 md:pb-24 bg-gradient-conic-cards ">
     <div class="flex flex-col justify-center items-center w-full">
       <h2 class="text-4xl font-bold mb-6">{{ title }}</h2>
       <p class="mb-8 text-lg">{{ description }}</p>