fix: for smaller screen size

Signed-off-by: Ashish Kumar Mishra <[email protected]>

Author: ashish10677

src/_includes/landing/keynotes.njk

@@ -11,7 +11,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-72 h-72 md:w-96 md:h-96 lg:w-[28rem] lg:h-[28rem] object-contain">
+                         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">
                 </div>
             </div>
         </div>
@@ -20,7 +20,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-72 h-72 md:w-96 md:h-96 lg:w-[28rem] lg:h-[28rem] object-contain">
+                         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">
                 </div>
             </div>
         </div>
@@ -29,7 +29,7 @@
                 <div class="flex items-center justify-center w-full h-full">
                     <img src="{{ env.baseUrl }}img/speakers/reuvenlerner.png" 
                         alt="Reuven Lerner" 
-                        class="w-72 h-72 md:w-96 md:h-96 lg:w-[28rem] lg:h-[28rem] object-contain">
+                        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">
                 </div>
             </div>
         </div>