HeroImageのスタイルを修正

cp-20 · Mar 24, 2024 · ec1d951 · ec1d951
1 parent ff28808
commit ec1d951
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/workspaces/app/src/pages/TopPage/internal/HeroImage.tsx b/workspaces/app/src/pages/TopPage/internal/HeroImage.tsx
@@ -7,13 +7,14 @@ const _Wrapper = styled.div`
 
 const _Image = styled.img`
   display: inline-block;
+  aspect-ratio: 16 / 9;
   width: 100%;
 `;
 
 export const HeroImage: React.FC = () => {
   return (
     <_Wrapper>
-      <_Image alt="Cyber TOON" height={'576'} src={'/assets/images/hero.avif'} />
+      <_Image alt="Cyber TOON" src={'/assets/images/hero.avif'} />
     </_Wrapper>
   );
 };