feat: announce shakthi kannan as the fourth keynote (#161)

Author: ashish10677

src/_includes/landing/keynotes.njk

@@ -9,7 +9,7 @@
                 <div class="flex items-center justify-center w-full h-full">
                     <img src="{{ env.baseUrl }}img/speakers/katharinejarmul.png" 
                          alt="Katharine Jarmul" 
-                         class="w-64 h-64 md:w-72 md:h-72 lg:w-80 lg:h-80 xl:w-96 xl:h-96 object-contain max-w-full max-h-full">
+                         class="w-48 h-48 sm:w-56 sm:h-56 md:w-64 md:h-64 lg:w-72 lg:h-72 object-contain max-w-full max-h-full">
                 </div>
             </div>
         </div>
@@ -18,7 +18,7 @@
                 <div class="flex items-center justify-center w-full h-full">
                     <img src="{{ env.baseUrl }}img/speakers/dawnwages.png"
                          alt="Dawn Wages"
-                         class="w-64 h-64 md:w-72 md:h-72 lg:w-80 lg:h-80 xl:w-96 xl:h-96 object-contain max-w-full max-h-full">
+                         class="w-48 h-48 sm:w-56 sm:h-56 md:w-64 md:h-64 lg:w-72 lg:h-72 object-contain max-w-full max-h-full">
                 </div>
             </div>
         </div>
@@ -27,7 +27,16 @@
                 <div class="flex items-center justify-center w-full h-full">
                     <img src="{{ env.baseUrl }}img/speakers/reuvenlerner.png" 
                         alt="Reuven Lerner" 
-                        class="w-64 h-64 md:w-72 md:h-72 lg:w-80 lg:h-80 xl:w-96 xl:h-96 object-contain max-w-full max-h-full">
+                        class="w-48 h-48 sm:w-56 sm:h-56 md:w-64 md:h-64 lg:w-72 lg:h-72 object-contain max-w-full max-h-full">
+                </div>
+            </div>
+        </div>
+        <div class="flex-shrink-0">
+            <div class="group relative motion-safe:transform motion-safe:translate-y-0 motion-safe:hover:-translate-y-6 md:motion-safe:hover:-translate-y-12 transition duration-700 ease-in-out">
+                <div class="flex items-center justify-center w-full h-full">
+                    <img src="{{ env.baseUrl }}img/speakers/shakthikannan.png" 
+                        alt="Shakthi Kannan" 
+                        class="w-48 h-48 sm:w-56 sm:h-56 md:w-64 md:h-64 lg:w-72 lg:h-72 object-contain max-w-full max-h-full">
                 </div>
             </div>
         </div>