diff --git a/src/components/DetailContent.tsx b/src/components/DetailContent.tsx
index 875f69b..a1ef12a 100644
--- a/src/components/DetailContent.tsx
+++ b/src/components/DetailContent.tsx
@@ -31,6 +31,8 @@ const DetailContent = ({ sectionDetails }: DetailContentProps) => {
           width={1073}
           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 ab64b5e..09357db 100644
--- a/src/components/MediaBlock.tsx
+++ b/src/components/MediaBlock.tsx
@@ -25,7 +25,9 @@ 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}
+        loading="lazy"
       />
     </motion.div>
   );