diff --git a/components/CharacterResult/index.tsx b/components/CharacterResult/index.tsx
index a8b8ad83..df78a20e 100644
--- a/components/CharacterResult/index.tsx
+++ b/components/CharacterResult/index.tsx
@@ -16,7 +16,7 @@ class CharacterResult extends React.Component<Props> {
 
         return (
             <li className="CharacterResult" onClick={this.props.onClick}>
-                <img alt={character.name.en} src={`/images/chara-grid/${character.granblue_id}_01.jpg`} />
+                <img alt={character.name.en} src={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/chara-grid/${character.granblue_id}_01.jpg`} />
                 <div>
                     <div>
                         <h5>{character.name.en}</h5>
diff --git a/components/CharacterUnit/index.tsx b/components/CharacterUnit/index.tsx
index 353f85e6..309b3789 100644
--- a/components/CharacterUnit/index.tsx
+++ b/components/CharacterUnit/index.tsx
@@ -35,7 +35,7 @@ const CharacterUnit = (props: Props) => {
         
         if (props.character) {
             const character = props.character!
-            imgSrc = `/images/chara-main/${character.granblue_id}_01.jpg`
+            imgSrc = `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/chara-main/${character.granblue_id}_01.jpg`
         }
 
         setImageUrl(imgSrc)
diff --git a/components/SummonResult/index.tsx b/components/SummonResult/index.tsx
index 9b7315cf..23575fac 100644
--- a/components/SummonResult/index.tsx
+++ b/components/SummonResult/index.tsx
@@ -16,7 +16,7 @@ class SummonResult extends React.Component<Props> {
 
         return (
             <li className="SummonResult" onClick={this.props.onClick}>
-                <img alt={summon.name.en} src={`/images/summon-grid/${summon.granblue_id}.jpg`} />
+                <img alt={summon.name.en} src={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/summon-grid/${summon.granblue_id}.jpg`} />
                 <div>
                     <div>
                         <h5>{summon.name.en}</h5>
diff --git a/components/SummonUnit/index.tsx b/components/SummonUnit/index.tsx
index 0c31552f..84f378c8 100644
--- a/components/SummonUnit/index.tsx
+++ b/components/SummonUnit/index.tsx
@@ -41,9 +41,9 @@ const SummonUnit = (props: Props) => {
     
             // Generate the correct source for the summon
             if (props.unitType == 0 || props.unitType == 2)
-                imgSrc = `/images/summon-main/${summon.granblue_id}.jpg`
+                imgSrc = `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/summon-main/${summon.granblue_id}.jpg`
             else
-                imgSrc = `/images/summon-grid/${summon.granblue_id}.jpg`
+                imgSrc = `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/summon-grid/${summon.granblue_id}.jpg`
         }
         
         setImageUrl(imgSrc)
diff --git a/components/WeaponResult/index.tsx b/components/WeaponResult/index.tsx
index 54d256db..f4252292 100644
--- a/components/WeaponResult/index.tsx
+++ b/components/WeaponResult/index.tsx
@@ -18,7 +18,7 @@ class WeaponResult extends React.Component<Props> {
 
         return (
             <li className="WeaponResult" onClick={this.props.onClick}>
-                <img alt={weapon.name.en} src={`/images/weapon-grid/${weapon.granblue_id}.jpg`} />
+                <img alt={weapon.name.en} src={`${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/weapon-grid/${weapon.granblue_id}.jpg`} />
                 <div>
                     <div>
                         <h5>{weapon.name.en}</h5>
diff --git a/components/WeaponUnit/index.tsx b/components/WeaponUnit/index.tsx
index 8e4de182..17e231dc 100644
--- a/components/WeaponUnit/index.tsx
+++ b/components/WeaponUnit/index.tsx
@@ -39,9 +39,9 @@ const WeaponUnit = (props: Props) => {
             const weapon = props.weapon!
     
             if (props.unitType == 0)
-                imgSrc = `/images/weapon-main/${weapon.granblue_id}.jpg`
+                imgSrc = `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/weapon-main/${weapon.granblue_id}.jpg`
             else
-                imgSrc = `/images/weapon-grid/${weapon.granblue_id}.jpg`
+                imgSrc = `${process.env.NEXT_PUBLIC_SIERO_IMG_URL}/weapon-grid/${weapon.granblue_id}.jpg`
         }
         
         setImageUrl(imgSrc)