fix: Fixes image size and remove the other boxes

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

Author: farhaanbukhsh

src/_includes/landing/keynotes.njk

@@ -8,12 +8,13 @@
         <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/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-3/4 h-3/4 object-contain">
+                    <img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-full h-full object-contain">
                 </div>
             {%- endcall %}
             <p>Privacy Activist,</p>
             <p>Probably Private</p>
         </div>
+        {#
         <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">
@@ -38,18 +39,20 @@
             {%- endcall %}
             <p>Announcing Soon!</p>
         </div>
+      #}
     </div>
     <!-- Medium Devices -->
     <div class="md:flex flex-col pt-36 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">
                 {% call cube(dimen=200, bg="purple") -%}
                     <div class="flex items-center justify-center w-full h-full">
-                        <img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-3/4 h-3/4 object-contain">
+                        <img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-full h-full object-contain">
                     </div>
                 {%- endcall %}
                 <p>Privacy Activist, Probably Private</p>
             </div>
+            {#
             <div class="group relative motion-safe:transform motion-safe:hover:translate-y-48 ml-28 transition duration-700 ease-in-out">
                 {% call cube(dimen=200, bg="lime") -%}
                     <div class="flex items-center justify-center w-full h-full">
@@ -76,6 +79,7 @@
                 {%- endcall %}
                 <p>Announcing Soon!</p>
             </div>
+        #}
         </div>
     </div>
     <!-- Small Devices -->
@@ -84,13 +88,14 @@
             <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(width=214, height=208, depth=31, bg="purple") -%}
                     <div class="flex items-center justify-center w-full h-full">
-                        <img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-3/4 h-3/4 object-contain">
+                        <img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" alt="Katharine Jarmul" class="w-full h-full object-contain">
                     </div>
                 {%- endcall %}
                <p>Privacy Activist,</p>
                <p>Probably Private</p>
             </div>
         </div>
+        {#
         <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">    
                 {% call cube(width=214, height=208, depth=31, bg="purple") -%}
@@ -121,5 +126,6 @@
                 <p>Announcing Soon!</p>
             </div>
         </div>
+      #}
     </div>
 </section>