Merge pull request #223 from Ureca-Mini-Project-Team4/refactor/sealpw

REFACTOR: #213 물개 변경

Author: abyss-s

react-app/public/assets/images/seal-change-password.png

@@ -1,12 +1,9 @@
+import { IMAGES } from '@/constants/imagePath';
 const CharacterCard = () => {
   return (
     <div className="relative flex flex-col items-center">
       {/* seal 이미지 */}
-      <img
-        src="\assets\images\seal-chat-big.png"
-        alt="Character Seal"
-        className="relative z-10 sm:w-[300px]"
-      />
+      <img src={IMAGES.SEAL_CHAT_BIG} alt="Character Seal" className="relative z-10 sm:w-[300px]" />
     </div>
   );
 };

react-app/public/assets/images/seal-change-password.svg

@@ -7,7 +7,8 @@ export const IMAGES = {
   WINNER_BASE: '/assets/images/people',
   DEFAULT_PROFILE: '/assets/images/default-profile.png',
   MEDAL: '/assets/images/medal.png',
-  SEAL_CHANGE_PASSWORD: '/assets/images/seal-change-password.png',
+  SEAL_CHANGE_PASSWORD: '/assets/images/seal-change-password.svg',
+  SEAL_CHAT_BIG: '/assets/images/seal-chat-big.svg',
   ARROW_LEFT: '/assets/images/vector.png',
   MOCKUP: '/assets/images/mockup.png',
   MAIN: [

react-app/public/assets/images/seal-chat-big.png

@@ -54,13 +54,11 @@ const ChangePW = () => {
     <div className="flex justify-center items-center min-h-screen px-4 py-8">
       <div className="flex flex-col md:flex-row w-full max-w-3xl bg-white overflow-hidden gap-8">
         {isDesktop && (
-          <div className="flex justify-center items-center w-full md:w-[50%] p-4">
-            <img
-              src={IMAGES.SEAL_CHANGE_PASSWORD}
-              alt="물개"
-              className="max-w-full h-auto object-contain"
-            />
-          </div>
+          <img
+            src={IMAGES.SEAL_CHANGE_PASSWORD}
+            alt="물개"
+            className="w-[40%] aspect-square flex justify-center items-center object-contain m-5 pr-13 pt-13"
+          />
         )}
         <div className="flex flex-col justify-center w-full md:w-[50%] p-6 gap-6">
           <h2 className="font-gumi text-center text-[24px] md:text-[32px] mb-4">