Fix: 이미지가 비정상적으로 표시되는 이슈 수정

Author: jungmir

src/components/Footer/SponsorTable.tsx

@@ -25,7 +25,8 @@ function SponsorTable({ max, levelName, sponsors, ...rest }: Props) {
 }
 
 const LogoImage = styled.img`
-  color: white;
+  background: white;
+  color: black;
 `;
 
 const SponsorCard = styled.div`

src/pages/Sponsor/SponsorDetail.tsx

@@ -13,7 +13,7 @@ const SponsorDetail: React.FC<{ sponsor: APISponsor }> = ({ sponsor }) => {
     <Vertical>
       <H1>{sponsor.name}</H1>
       <a href={sponsor.url}>
-        <img src={sponsor.logo_image} alt={sponsor.name} />
+        <LogoImage src={sponsor.logo_image} alt={sponsor.name} />
       </a>
       <H3 dangerouslySetInnerHTML={{ __html: sponsor.desc }}></H3>
     </Vertical>
@@ -48,6 +48,12 @@ const SponsorDetailPage = () => {
 
 export default SponsorDetailPage;
 
+const LogoImage = styled.img`
+  background: white;
+  color: black;
+  max-width: 50%;
+`;
+
 const Container = styled.div`
   display: flex;
   justify-content: center;