From 4a71dd4e0e567bd04873c2f9e5ea40e538417b76 Mon Sep 17 00:00:00 2001
From: hanseo <yds06206@gmail.com>
Date: Sat, 10 May 2025 20:16:20 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?=
 =?UTF-8?q?=ED=83=9C=EA=B7=B8=EC=97=90=20unoptimized=20=EC=86=8D=EC=84=B1?=
 =?UTF-8?q?=20true=EB=A1=9C=20=EC=84=A4=EC=A0=95=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DetailContent.tsx | 1 +
 src/components/MediaBlock.tsx    | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/DetailContent.tsx b/src/components/DetailContent.tsx
index 875f69b..cafe5c1 100644
--- a/src/components/DetailContent.tsx
+++ b/src/components/DetailContent.tsx
@@ -31,6 +31,7 @@ const DetailContent = ({ sectionDetails }: DetailContentProps) => {
           width={1073}
           height={789}
           className="rounded-[0.4rem] px-[2.4rem] pb-[2rem]"
+          unoptimized={true}
         />
       </div>
     </div>
diff --git a/src/components/MediaBlock.tsx b/src/components/MediaBlock.tsx
index ab64b5e..8e5e54e 100644
--- a/src/components/MediaBlock.tsx
+++ b/src/components/MediaBlock.tsx
@@ -25,7 +25,8 @@ const MediaBlock = ({ sectionDetails, isActive }: SectionContent) => {
         alt={sectionDetails.imgDescription}
         width={1073}
         height={789}
-        className="rounded-[2rem] lg:my-[14.5rem]"
+        className="rounded-[2rem] object-contain lg:my-[14.5rem]"
+        unoptimized={true}
       />
     </motion.div>
   );

From 96fd2454a7d8ab0a49ac788efa0c63ff376f73a1 Mon Sep 17 00:00:00 2001
From: hanseo <yds06206@gmail.com>
Date: Sat, 10 May 2025 20:18:24 +0900
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20lazy=20loading=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DetailContent.tsx | 1 +
 src/components/MediaBlock.tsx    | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/DetailContent.tsx b/src/components/DetailContent.tsx
index cafe5c1..a1ef12a 100644
--- a/src/components/DetailContent.tsx
+++ b/src/components/DetailContent.tsx
@@ -32,6 +32,7 @@ const DetailContent = ({ sectionDetails }: DetailContentProps) => {
           height={789}
           className="rounded-[0.4rem] px-[2.4rem] pb-[2rem]"
           unoptimized={true}
+          loading="lazy"
         />
       </div>
     </div>
diff --git a/src/components/MediaBlock.tsx b/src/components/MediaBlock.tsx
index 8e5e54e..09357db 100644
--- a/src/components/MediaBlock.tsx
+++ b/src/components/MediaBlock.tsx
@@ -27,6 +27,7 @@ const MediaBlock = ({ sectionDetails, isActive }: SectionContent) => {
         height={789}
         className="rounded-[2rem] object-contain lg:my-[14.5rem]"
         unoptimized={true}
+        loading="lazy"
       />
     </motion.div>
   );