fix: remove unnecessary div in Community component and adjust Image positioning in Hero component

src/components/Community.astro

@@ -15,7 +15,6 @@ import {
   id="Community"
   class="flex min-h-screen w-full flex-col items-center text-center relative"
 >
-  <div class="flex-1 w-full"></div>
   <Title>Community Driven</Title>
   <Description class="px-4 lg:px-0 lg:w-1/2">
     We are a community-driven project. We listen to our users and build the

src/components/Hero.astro

@@ -25,5 +25,5 @@ import { ArrowRight } from 'lucide-astro'
       <Button>Start Exploring</Button>
     </div>
   </div>
-  <Image src={myImage} alt="Zen browser" class="hidden lg:block absolute top-full -translate-y-[20%]" />
 </header>
+<Image src={myImage} alt="Zen browser" class="hidden lg:block top-full -translate-y-[20%] mx-auto" />