src/pages-templates/about/index.tsx

@@ -210,12 +210,12 @@ export default function AboutPage({ content }: AboutPageProps) {
           </div>
 
           <div
+            data-aos='flip-up'
+            data-aos-duration='600'
             className='grid gap-8 md:grid-cols-3'
           >
             {[0, 1, 2].map((index) => (
               <Card
-                data-aos='flip-left'
-                data-aos-duration='600'
                 key={index}
                 className='overflow-hidden transition-all hover:shadow-lg'
               >
@@ -250,7 +250,7 @@ export default function AboutPage({ content }: AboutPageProps) {
               </p>
             </div>
             <div
-              data-aos='flip-left'
+              data-aos='flip-down'
               data-aos-duration='600'
               className='grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4'
             >