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;