From 777681c9081f9b97df566854dd35a39fe5ae7430 Mon Sep 17 00:00:00 2001
From: techncherry <technarchitect@gmail.com>
Date: Sun, 27 Oct 2024 00:23:04 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix:=20Cd=20=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20=ED=99=94=EC=A7=88=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/Home.jsx      | 4 ++--
 src/components/home/Home.style.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/home/Home.jsx b/src/components/home/Home.jsx
index 3e900d5..844d7bd 100644
--- a/src/components/home/Home.jsx
+++ b/src/components/home/Home.jsx
@@ -16,8 +16,8 @@ export default function Home() {
         </H.Description>
       </H.TextContainer>
       <H.ImageContainer>
-        <H.Case src={cdCaseImage} />
-        <H.Cd src={mainCdImage} />
+        <H.Case data={cdCaseImage} />
+        <H.Cd data={mainCdImage} />
       </H.ImageContainer>
     </H.Container>
   );
diff --git a/src/components/home/Home.style.js b/src/components/home/Home.style.js
index fe5da80..80e5d39 100644
--- a/src/components/home/Home.style.js
+++ b/src/components/home/Home.style.js
@@ -194,7 +194,7 @@ export const ImageContainer = styled.div`
   margin: 0;
 `;
 
-export const Case = styled.img`
+export const Case = styled.object`
   width: 831px;
 
   @media (max-width: 1920px) {
@@ -220,7 +220,7 @@ const rotateImage = keyframes`
   }
 `;
 
-export const Cd = styled.img`
+export const Cd = styled.object`
   background-color: transparent;
   width: 814px;
   position: absolute;