change mobile sizing

Author: elizabethmcd

src/components/Hero.astro

@@ -3,7 +3,7 @@ const { title, text, imgSrc } = Astro.props;
 ---
 
 <section
-  class="bg-[#F6F4EA] bg-cover bg-center min-h-[60vh] md:min-h-[700px] h-auto flex items-center justify-center relative"
+  class="bg-[#F6F4EA] bg-cover bg-center h-screen md:min-h-[700px] flex items-center justify-center relative"
   style={`background-image: url(${imgSrc}); background-size: cover; background-repeat: no-repeat;`}
 >
   <div class="w-full max-w-screen-xl text-center -mt-20">

src/components/MissionSection.astro

@@ -9,7 +9,7 @@ const { id, title, text, imgSrc } = Astro.props;
   <div class="mx-auto max-w-screen-xl w-full">
     <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-start">
       <!-- Left side - Figure and connecting text -->
-      <div class="order-2 lg:order-1 space-y-6">
+      <div class="order-1 lg:order-1 space-y-6">
         <p class="text-2xl md:text-3xl text-gray-800 font-bold font-chivo leading-relaxed">
           Connecting fermented foods, microbes, and their metabolites to health benefits.
         </p>
@@ -21,7 +21,7 @@ const { id, title, text, imgSrc } = Astro.props;
       </div>
 
       <!-- Right side - Content -->
-      <div class="order-1 lg:order-2 space-y-8">
+      <div class="order-2 lg:order-2 space-y-8">
         <!-- Mission -->
         <div class="space-y-4">
           <h2 class="text-3xl font-bold font-chivo text-gray-800">Our Mission</h2>