Merge pull request #148 from 2024WISCOM/feature/about

🐛 Fix: Cd 이미지 화질 개선
2024WISCOM · Oct 26, 2024 · a285a69 · a285a69
2 parents 847438c + 777681c
commit a285a69
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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;