added left and right fades and made so that on

mobiles it's just up

assets/js/main.js

@@ -238,6 +238,13 @@
                 true,
             );
         }
+        // let horizontal_aoss = document.querySelectorAll("[data-aos~='left'], [data-aos~='right']")
+        if (window.matchMedia("(max-width: 768px)").matches) {
+            let horizontal_aoss = document.querySelectorAll(
+                `[data-aos$="left"], [data-aos$="right"]`,
+            );
+            horizontal_aoss.forEach((el) => el.setAttribute("data-aos", "fade-up"));
+        }
         AOS.init();
     });
 
@@ -269,4 +276,4 @@
      * Initiate Pure Counter
      */
     new PureCounter();
-})(); 
+})();

index.html

@@ -86,12 +86,12 @@
                     </p>
                 </div>
 
-                <div class="row" data-aos="fade-up">
+                <div class="row">
                     <div class="image col-lg-4 d-flex align-items-stretch
-                            justify-content-center justify-content-lg-start">
+                            justify-content-center justify-content-lg-start" data-aos="fade-up-right">
                     </div>
                     <div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center"
-                        data-aos="fade-up">
+                        data-aos="fade-up-left">
                         <div class="row">
                             <div class="col-lg-6 mt-4 mt-lg-0">
                                 <ul>
@@ -210,7 +210,7 @@
 
                 <div class="row">
                     <div class="col-lg-6">
-                        <div data-aos="fade-up">
+                        <div data-aos="fade-up-right">
                             <h3 class="resume-title">Sumary</h3>
                             <div class="resume-item pb-0">
                                 <h4>Arnaud Fauconnet</h4>
@@ -263,7 +263,7 @@
                         </div>
                     </div>
                     <div class="col-lg-6">
-                        <div data-aos="fade-up">
+                        <div data-aos="fade-up-left">
                             <h3 class="resume-title">Professional Experience</h3>
                             <div class="resume-item">
                                 <h4>UROP</h4>