fix: fixing size issues with medium screen

Signed-off-by: Farhaan Bukhsh <[email protected]>

Author: farhaanbukhsh

src/_includes/landing/keynotes.njk

@@ -36,11 +36,10 @@
       #}
     </div>
     <!-- Medium Devices -->
-    <div class="md:flex flex-col pt-36 pb-20 pl-12 space-y-44 lg:hidden hidden">
+    <div class="md:flex flex-col pb-20 pl-12 space-y-44 lg:hidden hidden">
         <div class="flex justify-start">
-            <div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:-translate-y-24 transition duration-700 ease-in-out">
               <div class="flex items-center justify-left w-full h-full">
-                  <img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-1/2 h-1/2 object-contain">
+                  <img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-3/4 h-3/4 object-contain">
               </div>
             </div>
             {#
@@ -78,7 +77,7 @@
         <div class="flex-shrink-0">
             <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="flex items-center justify-left w-full h-full">
-                  <img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-1/2 h-1/2 object-contain">
+                  <img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-3/4 h-3/4 object-contain">
               </div>
             </div>
         </div>