diff --git a/components/Hero1.tsx b/components/Hero1.tsx
index dad90b0..5cdae4a 100644
--- a/components/Hero1.tsx
+++ b/components/Hero1.tsx
@@ -103,19 +103,19 @@ const Hero1 = () => {
                     One & ALL Music 提供全面的音樂課程，我們相信每位學生都各有天赋，<br></br>「誰都可發光 只要找對地方」，只要運用合適的教學法，同學必定能發揮所長。
                 </p>
             </div>
-           
+            <div className="max-lg:mt-[20vh] md:mt-[20vh] max-sm:mt-[5vh]">
                 {/* <CustomButton text_and_button_size={" max-lg:px-14 max-lg:py-5 max-lg:text-md max-sm:px-8 max-sm:py-3 max-sm:text-sm md:px-14 md:py-5 md:text-md"} title={'關於我們更多'} handleClick={() => {
                     console.log('Button clicked');
                 }} /> */}
                 <Link
-                    className={`max-lg:mt-[20vh] md:mt-[20vh] max-sm:mt-[5vh] middle none center rounded-full bg-[#D60050] max-lg:px-14 max-lg:py-5 max-lg:text-md max-sm:px-8 max-sm:py-3 max-sm:text-sm md:px-14 md:py-5 md:text-md font-bold uppercase text-white shadow-md shadow-pink-500/20 transition-all hover:shadow-lg hover:shadow-pink-500/40`}
-                    href="/aboutus"
+                    className={`middle none center rounded-full bg-[#D60050] max-lg:px-14 max-lg:py-5 max-lg:text-md max-sm:px-8 max-sm:py-3 max-sm:text-sm md:px-14 md:py-5 md:text-md font-bold uppercase text-white shadow-md shadow-pink-500/20 transition-all hover:shadow-lg hover:shadow-pink-500/40`}
+                    href={'/aboutus'}
                 >
                     {"關於我們更多"}
                 </Link>
-         
+            </div>
 
-            <div className="absolute bottom-0 inset-0 bg-[url('/images/pianobackground2.png')]  max-lg:h-[30vh] max-sm:h-[15vh] md:h-[30vh] w-full bg-cover bg-center bg-no-repeat" style={{ opacity: 0.7 }}>
+            <div className="absolute bottom-0  bg-[url('/images/pianobackground2.png')]  max-lg:h-[30vh] max-sm:h-[15vh] md:h-[30vh] w-full bg-cover bg-center bg-no-repeat" style={{ opacity: 0.7, zIndex: -1 }}>
             </div>