From 74f96997b6146055f4f5808ff880fcc8fbc1eaec Mon Sep 17 00:00:00 2001
From: kirinnee <kirinnee97@gmail.com>
Date: Sun, 29 Dec 2024 13:11:41 +0800
Subject: [PATCH] fix: mobile compat

---
 src/components/index/Hero.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/index/Hero.astro b/src/components/index/Hero.astro
index 0790074..e18184b 100644
--- a/src/components/index/Hero.astro
+++ b/src/components/index/Hero.astro
@@ -13,14 +13,14 @@ import SvgBackground from "./SvgBackground.astro";
 <SvgBackground />
 <div id="container overflow-hidden">
     <main class="overflow-hidden">
-        <div class="absolute flex flex-wrap md:flex-nowrap items-center justify-center gap-2 md:gap-28 max-w-[1200px]">
+        <div class="absolute flex flex-wrap md:flex-nowrap items-center justify-center gap-2 md:gap-28 max-w-[1200px] overflow-hidden py-40">
             <div class="w-5/6 md:w-5/12 flex items-center justify-center" style="position: relative;">
                 <img class="w-11/12 right-cloud" src={cloud.src} alt="cloud1"/>
                 <img class="w-11/12 left-cloud" src={cloud.src} alt="cloud2"/>
                 <img style="z-index: 1" src={mascot.src} alt="mascot" class="object-contain"/>
             </div>
             <div class="w-5/6 md:w-5/12 flex flex-col justify-center items-center gap-4 md:gap-8">
-                <div class="absolute" style="z-index: -1; transform: scale(260%, 260%)">
+                <div class="absolute scale-[1.75] md:scale-[2]" style="z-index: -1">
                     <img src={blob.src} alt="blob" class="w-full"/>
                 </div>
                 <div class="text-xs md:text-sm  text-center bg-[#FFF4DC] text-pink-600 py-2 px-8 header rounded-lg">