bugfix: center aligned keynote speaker images (#153)

* bugfix: center aligned keynote speaker images

* removed schedule file and improved responsiveness

* renamed custom tag as lgx

Author: shivankurchavan

src/_includes/landing/keynotes.njk

@@ -1,11 +1,11 @@
 {% from "components/cube.njk" import cube %}
 
-<section class="relative bg-lavender text-black w-full pb-12 px-4 md:px-40 lg:px-28 xl:px-40 lg:pb-40" id="keynotes">
+<section class="relative bg-lavender text-black w-full pb-12 px-4 md:px-8 lg:px-16 xl:px-28 lgx:px-40 lg:pb-40" id="keynotes">
     <div class="black-han-sans-regular text-center lg:text-left pt-28 pb-8 md:pt-24 font-normal text-4xl lg:text-5xl text-[#000000]">
         Keynote Speakers
     </div>
 
-    <div class="flex flex-col md:flex-row md:flex-wrap lg:flex-nowrap items-center justify-center lg:justify-start gap-8 md:gap-12 lg:gap-8 pt-10 lg:pl-2 xl:pl-12">
+    <div class="flex flex-col md:flex-row flex-wrap lgx:flex-nowrap items-center justify-center gap-8 md:gap-12 lg:gap-8 pt-10">
         <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">

src/static/img/speakers/dawnwages.png

@@ -17,6 +17,7 @@ module.exports = {
       lg: '1024px',
       xl: '1280px',
       '2xl': '1536px',
+      'lgx': '1150px',
     },
     colors: {
       transparent: 'transparent',