fix: adjust cube hover effects and improve layout

Author: Ketan-Karki

src/_includes/landing/keynotes.njk

@@ -4,32 +4,32 @@
     <div class="black-han-sans-regular md:justify-center md:text-center pt-28 pb-8 md:pt-24 font-normal text-4xl lg:text-5xl text-[#000000] text-center lg:text-left">
         Key Note Speakers
     </div>
-    <div class="lg:flex xl:flex lg:scale-[0.80] xl:scale-100 pt-36 lg:pl-2 mb-3 xl:pl-12 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="lg:flex xl:flex lg:scale-[0.80] xl:scale-100 pt-36 lg:pl-2 xl:pl-12 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">    
             {% call cube(dimen=200, bg="purple") -%}
                 <div class="flex items-center justify-center w-full h-full">
                     <img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
                 </div>
             {%- endcall %}
             <p>Announcing Soon!</p>
         </div>
-        <div class="group relative motion-safe:transform motion-safe:hover:translate-y-44 transition duration-700 ease-in-out motion-safe:translate-y-20 translate-x-0 ml-7 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-20 translate-x-0 ml-7 z-10" data-cube="2">
             {% call cube(dimen=200, bg="lime") -%}
                 <div class="flex items-center justify-center w-full h-full">
                     <img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
                 </div>
             {%- endcall %}
             <p>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 ml-7" 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 ml-7" data-cube="3">
             {% call cube(dimen=200, bg="purple") -%}
                 <div class="flex items-center justify-center w-full h-full">
                     <img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">
                 </div>
             {%- endcall %}
             <p>Announcing Soon!</p>
         </div>
-        <div class="group relative motion-safe:transform motion-safe:hover:translate-y-44 transition duration-700 ease-in-out motion-safe:translate-y-20 ml-7" data-cube="4">
+        <div class="group relative motion-safe:transform motion-safe:hover:-translate-y-12 transition duration-700 ease-in-out motion-safe:translate-y-20 ml-7" data-cube="4">
             {% call cube(dimen=200, bg="lime") -%}
                 <div class="flex items-center justify-center w-full h-full">
                     <img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India Logo" class="w-3/4 h-3/4 object-contain">