diff --git a/public/back.avif b/public/back.avif
new file mode 100644
index 0000000..575ace2
Binary files /dev/null and b/public/back.avif differ
diff --git a/src/components/Home/Top.tsx b/src/components/Home/Top.tsx
index 5d81b0f..88281a3 100644
--- a/src/components/Home/Top.tsx
+++ b/src/components/Home/Top.tsx
@@ -1,37 +1,51 @@
 import {
-    Tooltip,
-    TooltipContent,
-    TooltipProvider,
-    TooltipTrigger,
-  } from "@/components/ui/tooltip";
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import "../../routes/Home.css";
 
 export default function Top() {
-    return (
-        <div className="bg-background text-foreground w-full h-screen flex items-center justify-center">
-            <div className="flex flex-col md:flex-row w-full md:w-[50%] h-full py-16 md:py-32">
-                <div className="w-full md:w-[40%] h-full flex flex-col justify-center items-center md:items-end md:pr-16">
-                    <div className="text-center md:text-right">
-                        <h1 className="text-5xl ntypefont">Nam<br/>HyunSuk</h1>
-                        <p className="mt-4 text-xl">
-                            암냥이라는 이름으로 활동하고 있는<br/> 학생 개발자 남현석라고 합니다.
-                        </p>
-                    </div>
-                </div>
-                <TooltipProvider delayDuration={0}>
-                    <Tooltip>
-                        <TooltipTrigger asChild>
-                        <div className="w-full md:w-[60%] h-full flex justify-center md:justify-end items-end bg-transparent md:bg-[#654e5c] rounded-3xl mt-8 md:mt-0 select-none">
-                            <img 
-                                src="https://f.imnya.ng/profile/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.avif"
-                                className="w-[60%] max-w-[360px] select-none pointer-events-none"
-                                title="Special Thanks to @dob2_"
-                            />
-                        </div>
-                        </TooltipTrigger>
-                        <TooltipContent align="end" side="bottom" className="px-2 py-1 text-xs">Special Thanks to @dob2_</TooltipContent>
-                    </Tooltip>
-                </TooltipProvider>
-            </div>
+  return (
+    <div className="bg-background text-foreground w-full h-screen flex items-center justify-center">
+      <div className="flex flex-col md:flex-row w-full md:w-[50%] h-full py-16 md:py-32">
+        <div className="w-full md:w-[45%] h-full flex flex-col justify-center items-center md:items-end md:pr-16">
+          <div className="text-center md:text-right">
+            <h1 className="text-5xl ntypefont">
+              Nam
+              <br />
+              HyunSuk
+            </h1>
+            <p className="mt-4 text-xl">
+              암냥이라는 이름으로 활동하고 있는
+              <br /> 학생 개발자 남현석라고 합니다.
+            </p>
+          </div>
         </div>
-    );
-}
\ No newline at end of file
+        <TooltipProvider delayDuration={0}>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <div className="md:w-[55%] select-none avatar-background w-full h-full flex justify-center md:justify-end items-end rounded-3xl mb-8 md:mb-0">
+                <div className="w-full h-full flex justify-center md:justify-end items-end avatar-background-blur">
+                  <img
+                    src="https://f.imnya.ng/profile/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.avif"
+                    className="w-[60%] max-w-[360px] select-none"
+                    title="Special Thanks to @dob2_"
+                  />
+                </div>
+              </div>
+            </TooltipTrigger>
+            <TooltipContent
+              align="end"
+              side="bottom"
+              className="px-2 py-1 text-xs"
+            >
+              Special Thanks to @dob2_
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      </div>
+    </div>
+  );
+}
diff --git a/src/routes/Home.css b/src/routes/Home.css
index c475dd2..1e607a3 100644
--- a/src/routes/Home.css
+++ b/src/routes/Home.css
@@ -11,3 +11,22 @@
     justify-content: center;
     align-items: center;
 }
+
+.avatar-background {
+    background: none;
+}
+
+@media (min-width: 768px) {
+    .avatar-background {
+        position: relative;
+        overflow: hidden;
+        background-image: url("https://f.imnya.ng/profile/banner.CjixG8N2_15mivN.webp");
+        background-size: cover;
+        background-position: 400px center;
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+    }
+    .avatar-background-blur {
+        backdrop-filter: blur(5px);
+    }
+}