fix(keynote): adjust keynote speaker cube animations

Author: Ketan-Karki

src/_includes/landing/keynotes.njk

@@ -5,31 +5,31 @@
         Key Note Speakers
     </div>
     <div class="lg:flex xl:flex lg:scale-[0.80] xl:scale-100 pt-36 lg:pl-2 xl:pl-12 space-x-20 hidden md:hidden">
-        <div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:-translate-y-24 transition duration-700 ease-in-out" data-cube="1">    
+        <div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:translate-y-24 transition duration-700 ease-in-out" data-cube="1">    
             <p class="-translate-y-8 -translate-x-8">Announcing Soon!</p>
             {% call cube(dimen=200, bg="purple") -%}
                 <div>
                     <img src="{{ env.baseUrl }}img/logo.png" alt="Date background" class="w-full h-full">            
                 </div>
             {%- endcall %}
         </div>
-        <div class="group relative motion-safe:transform motion-safe:hover:translate-y-44 transition duration-700 ease-in-out motion-safe:translate-y-32 translate-x-0 z-10" data-cube="2">
+        <div class="group relative motion-safe:transform motion-safe:hover:-translate-y-12 transition duration-700 ease-in-out motion-safe:translate-y-32 translate-x-0 z-10" data-cube="2">
             {% call cube(dimen=200, bg="lime") -%}
                 <div>
                     <img src="{{ env.baseUrl }}img/logo.png" alt="Date background" class="w-full h-full">            
                 </div>
             {%- endcall %}
             <p class="translate-y-8 translate-x-12">Announcing Soon!</p>
         </div>
-        <div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:-translate-y-12 transition duration-700 ease-in-out -translate-x-20" data-cube="3">    
+        <div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:translate-y-12 transition duration-700 ease-in-out -translate-x-20" data-cube="3">    
             <p class="-translate-y-8 -translate-x-8">Announcing Soon!</p>
             {% call cube(dimen=200, bg="purple") -%}
                 <div>
                     <img src="{{ env.baseUrl }}img/logo.png" alt="Date background" class="w-full h-full">            
                 </div>
             {%- endcall %}
         </div>
-        <div class="group relative motion-safe:transform motion-safe:hover:translate-y-44 transition duration-700 ease-in-out -translate-x-20 motion-safe:translate-y-32" data-cube="4">
+        <div class="group relative motion-safe:transform motion-safe:hover:-translate-y-12 transition duration-700 ease-in-out -translate-x-20 motion-safe:translate-y-32" data-cube="4">
             {% call cube(dimen=200, bg="lime") -%}
                 <div>
                     <img src="{{ env.baseUrl }}img/logo.png" alt="Date background" class="w-full h-full">