fix: Update cutout and component

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

Author: farhaanbukhsh

src/_includes/landing/keynotes.njk

@@ -2,19 +2,13 @@
 
 <section class="relative bg-lavender text-black w-full pb-12 md:px-40 lg:px-28 xl:px-40 lg:pb-40">
     <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
+        Keynote Speakers
     </div>
-    <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/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="lg:flex xl:flex pt-10 lg:pl-2 xl:pl-12 hidden md:hidden">
+          <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/4 h-1/4 object-contain">
+          </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">
@@ -45,12 +39,9 @@
     <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-full h-full object-contain">
-                    </div>
-                {%- endcall %}
-                <p>Privacy Activist, Probably Private</p>
+              <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">
+              </div>
             </div>
             {#
             <div class="group relative motion-safe:transform motion-safe:hover:translate-y-48 ml-28 transition duration-700 ease-in-out">
@@ -86,13 +77,9 @@
     <div class="flex flex-col space-y-20 px-4 pt-16 pb-16 items-center md:hidden">
         <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") -%}
-                    <div class="flex items-center justify-center w-full h-full">
-                        <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 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">
+              </div>
             </div>
         </div>
         {#