From 77eee30277d5810636737b83ccfa21d397965513 Mon Sep 17 00:00:00 2001
From: yoonyoungyang <youngonly0118@gmail.com>
Date: Fri, 20 Feb 2026 12:42:50 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A7=A4=EC=B9=AD=20=EA=B2=B0=EA=B3=BC=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EA=B2=B9=EC=B9=A8=20=ED=95=B4?=
 =?UTF-8?q?=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../test/result/matching-result-content.tsx   | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/app/routes/matching/test/result/matching-result-content.tsx b/app/routes/matching/test/result/matching-result-content.tsx
index a57b2f1..8179b75 100644
--- a/app/routes/matching/test/result/matching-result-content.tsx
+++ b/app/routes/matching/test/result/matching-result-content.tsx
@@ -171,11 +171,26 @@ export default function MatchingResultContent() {
               </div>
 
               <div className="flex w-full flex-1 min-h-0 items-center justify-center">
-                <div className="relative aspect-[7/6] w-[min(56vw,13.125rem)]">
+                <div
+                  className={[
+                    "relative aspect-[7/6] w-[min(56vw,13.125rem)]",
+                    "[@media(max-height:700px)]:w-[min(50vw,11.5rem)]",
+                    "[@media(max-height:667px)]:w-[min(46vw,10.5rem)]",
+                  ].join(" ")}
+                >
                   <img
                     src={userTypeIconSrc}
                     alt={data.userType}
-                    className="absolute left-0 top-[-12%] h-[112%] w-full select-none object-contain"
+                    className={[
+                      "absolute left-0 w-full select-none object-contain",
+                      "top-[-12%] h-[112%]",
+                      "[@media(max-height:700px)]:top-0",
+                      "[@media(max-height:700px)]:h-full",
+                      "[@media(max-height:667px)]:w-full",
+                      "[@media(max-height:667px)]:top-0",
+                      "[@media(max-height:667px)]:h-full",
+                      "[@media(max-height:667px)]:translate-y-[3px]",
+                    ].join(" ")}
                     style={{
                       imageRendering: "auto",
                       transform: "translateZ(0)",