wow

src/components/About.astro

@@ -9,6 +9,24 @@ import AboutRow from "@/components/AboutRow.astro";
     aria-labelledby="about-title"
 >
     <div class="grid min-h-full grid-cols-1 lg:grid-cols-2">
+        <div
+            class="relative order-last h-[min(100vw,480px)] min-h-0 overflow-hidden bg-muted lg:sticky lg:top-0 lg:order-none lg:h-[calc(100svh-64px)] lg:min-h-0 lg:self-start"
+            aria-label="활동 사진"
+        >
+            <img
+                class="absolute inset-0 h-full w-full select-none object-cover object-center"
+                src="/about/hand.avif"
+                alt="손"
+                width="1920"
+                height="1080"
+                loading="lazy"
+                decoding="async"
+            />
+            <div
+                class="pointer-events-none absolute inset-0 bg-gradient-to-t from-background/35 via-transparent to-black/5"
+                aria-hidden="true"
+            ></div>
+        </div>
         <div class="relative z-10 flex flex-col justify-center px-6 py-16 sm:px-10 lg:px-[clamp(52px,5.208vw,100px)] lg:py-[clamp(58px,9.26vh,100px)]">
             <h2
                 id="about-title"
@@ -104,24 +122,5 @@ import AboutRow from "@/components/AboutRow.astro";
                 </a>
             </div>
         </div>
-
-        <div
-            class="relative order-last h-[min(100vw,480px)] min-h-0 overflow-hidden bg-muted lg:sticky lg:top-0 lg:order-none lg:h-[calc(100svh-64px)] lg:min-h-0 lg:self-start"
-            aria-label="활동 사진"
-        >
-            <img
-                class="absolute inset-0 h-full w-full select-none object-cover object-center"
-                src="/about/hand.avif"
-                alt="손"
-                width="1920"
-                height="1080"
-                loading="lazy"
-                decoding="async"
-            />
-            <div
-                class="pointer-events-none absolute inset-0 bg-gradient-to-t from-background/35 via-transparent to-black/5"
-                aria-hidden="true"
-            ></div>
-        </div>
     </div>
 </section>