Apply responsive size for cards and images

src/pages/honkai3rd/battlesuits/[battlesuitId].tsx

@@ -64,14 +64,14 @@ const BattlesuitShowPage = ({ battlesuit }: BattlesuitShowPageProps) => {
               position: 'relative',
               overflow: 'hidden',
               width: '100%',
-              maxWidth: '600px',
+              maxWidth: [300, 400],
             }}
           >
             <Image
               alt={battlesuitName}
               src={`/assets/honkai3rd/battlesuits/${battlesuit.id}.png`}
-              width={600}
-              height={600}
+              width={400}
+              height={400}
               layout='responsive'
             />
           </Box>

src/pages/honkai3rd/elfs/[elfId].tsx

@@ -45,8 +45,8 @@ const ElfShowPage = ({ elf }: ElfShowPageProps) => {
             sx={{
               position: 'relative',
               overflow: 'hidden',
-              width: '400px',
-              height: '400px',
+              width: [300, 400],
+              height: [300, 400],
               borderRadius: 4,
             }}
           >