diff --git a/src/components/Homepage.tsx b/src/components/Homepage.tsx
index 6b03dc7..c344f7c 100644
--- a/src/components/Homepage.tsx
+++ b/src/components/Homepage.tsx
@@ -17,7 +17,7 @@ export default function homepage({ dark = false }) {
           </div>
         </div>
         <div className="relative">
-          <div className="w-full mt-[-200px] mb-[50px] z-[99] flex justify-center">
+          <div className="w-full mt-[-100px] md:mt-[-150px] lg:mt-[-100px] 2xl:mt-[-200px] mb-[50px] z-[99] flex justify-center">
             <div className="bg-white h-full flex flex-col lg:flex-row flex-wrap justify-center p-4 lg:p-8 gap-3 rounded-xl shadow-xl">
               <Image
                 className="rounded-xl"