diff --git a/.env b/.env
index 0f25441c28ce3b984560ccc1065fd394fc6a83ea..ea67a3bd7b1107bbcb42d36b4351c20e05d980dd 100644
--- a/.env
+++ b/.env
@@ -1,3 +1,3 @@
 VITE_NODE_JS_API=http://localhost:3000
 VITE_NODE_JS_KEY=mbdmatkul4sks
-VITE_GYM_MEDIA_URL=http://localhost:8000/gym
+VITE_GYM_MEDIA_URL=http://localhost:3002/public/image/gym
diff --git a/src/components/gym/GymCard.tsx b/src/components/gym/GymCard.tsx
index ffc08fa083ffc9401037a31ed2724a6516cd8bd6..acd935ae4ee501c24a1bd68806affa8bdda92d15 100644
--- a/src/components/gym/GymCard.tsx
+++ b/src/components/gym/GymCard.tsx
@@ -17,7 +17,7 @@ function GymCard({
         } rounded-lg items-start justify-start bg-slate-600 text-white font-normal gap-2 w-full`}
       >
         <img
-          src={`${config.GYM_MEDIA_URL}/${pictureId}.jpg`}
+          src={`${config.GYM_MEDIA_URL}/${pictureId}.png`}
           className={`${
             !horizontal ? "w-full rounded-t-lg" : "h-full rounded-l-lg"
           }  self-center`}
diff --git a/src/pages/gym/GymIndividual.tsx b/src/pages/gym/GymIndividual.tsx
index f9eb9d4e1f60a0971abd83da9815ecdd31bc8e36..930af3ecf19c7c37c1469c81edf5649fa3147d61 100644
--- a/src/pages/gym/GymIndividual.tsx
+++ b/src/pages/gym/GymIndividual.tsx
@@ -20,7 +20,7 @@ function GymIndividual() {
   return (
     <div className="w-full flex flex-col max-w-5xl mx-auto py-6 gap-4">
       <img
-        src={`${config.GYM_MEDIA_URL}/${gym.pictureId}.jpg`}
+        src={`${config.GYM_MEDIA_URL}/${gym.pictureId}.png`}
         className="w-full"
       />
       <div className="flex flex-col items-start justify-start text-left">