diff --git a/src/components/index/Hero.astro b/src/components/index/Hero.astro
index fc6af12..f1c96a4 100644
--- a/src/components/index/Hero.astro
+++ b/src/components/index/Hero.astro
@@ -18,6 +18,9 @@ import SvgBackground from "./SvgBackground.astro";
                 <img class="w-5/6 md:w-full object-contain" style="z-index: 1" src={mascot.src} alt="mascot"/>
             </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 w-[140%] md:w-[60%] " 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">
                     JOIN THE KKOMMUNITY
                 </div>
diff --git a/src/components/index/SvgBackground.astro b/src/components/index/SvgBackground.astro
index f40ce27..07ee676 100644
--- a/src/components/index/SvgBackground.astro
+++ b/src/components/index/SvgBackground.astro
@@ -3,13 +3,13 @@ import background from '../../assets/bg-2.svg';
 import webBackground from '../../assets/bg-web.svg';
 ---
 
-<div class="background absolute top-0 z-0 h-[60vh] md:h-[100vh]">
+<div class="bg absolute top-0 z-0 h-[60vh] md:h-[100vh]">
     <img src={background.src} alt="background" class="w-full h-full object-cover block md:hidden"/>
     <img src={webBackground.src} alt="background" class="w-full h-full object-cover hidden md:block"/>
 </div>
 
 <style>
-    .background {
+    .bg {
         width: 100vw;
         z-index: -1;
         overflow: hidden;