diff --git a/components/Play.js b/components/Play.js
index d3a1d35..0525c22 100644
--- a/components/Play.js
+++ b/components/Play.js
@@ -6,9 +6,9 @@ export default function Play(props) {
   return (
     <div className={styles.container}>
       {props.advanced ? (
-        <img src='../public/bg-pentagon.svg' />
+        <img src='./bg-pentagon.svg' />
       ) : (
-        <img src='../public/bg-triangle.svg' />
+        <img src='./bg-triangle.svg' />
       )}
       <PlayButtons
         onCLick={(value) => props.setselected(value)}
diff --git a/components/PlayButtons.js b/components/PlayButtons.js
index 0cc7d01..eefe97c 100644
--- a/components/PlayButtons.js
+++ b/components/PlayButtons.js
@@ -12,35 +12,35 @@ export default function PlayButtons(props) {
             classN={styles.scissor}
             lid='scissor'
           >
-            <img src='../public/icon-scissor.svg' alt='' />
+            <img src='./icon-scissor.svg' alt='' />
           </Button>
           <Button
             onClicK={() => props.onCLick(3)}
             classN={styles.spock}
             lid='spock'
           >
-            <img src='../public/icon-spock.svg' alt='' />
+            <img src='./icon-spock.svg' alt='' />
           </Button>
           <Button
             onClicK={() => props.onCLick(4)}
             classN={styles.lizard}
             lid='lizard'
           >
-            <img src='../public/icon-lizard.svg' alt='' />
+            <img src='./icon-lizard.svg' alt='' />
           </Button>
           <Button
             onClicK={() => props.onCLick(1)}
             classN={styles.paper}
             lid='paper'
           >
-            <img src='../public/icon-paper.svg' alt='' />
+            <img src='./icon-paper.svg' alt='' />
           </Button>
           <Button
             onClicK={() => props.onCLick(2)}
             classN={styles.rock}
             lid='rock'
           >
-            <img src='../public/icon-rock.svg' alt='' />
+            <img src='./icon-rock.svg' alt='' />
           </Button>
         </div>
       ) : (
@@ -50,21 +50,21 @@ export default function PlayButtons(props) {
             classN={styles.sci2}
             lid='sci'
           >
-            <img src='../public/icon-scissor.svg' alt='' />
+            <img src='./icon-scissor.svg' alt='' />
           </Button>
           <Button
             onClicK={() => props.onCLick(1)}
             classN={styles.paper2}
             lid='paper'
           >
-            <img src='../public/icon-paper.svg' alt='' />
+            <img src='./icon-paper.svg' alt='' />
           </Button>
           <Button
             onClicK={() => props.onCLick(2)}
             classN={styles.rock2}
             lid='rock'
           >
-            <img src='../public/icon-rock.svg' alt='' />
+            <img src='./icon-rock.svg' alt='' />
           </Button>
         </div>
       )}
diff --git a/components/Results.js b/components/Results.js
index 7f4dfcf..bea64ac 100644
--- a/components/Results.js
+++ b/components/Results.js
@@ -41,7 +41,7 @@ export default function Results({ selected, setselected, setscore, advanced }) {
             lid='user'
           >
             <img
-              src={`../public/icon-${GameRules[selected].value}.svg`}
+              src={`./icon-${GameRules[selected].value}.svg`}
               alt=''
             />
           </Button>
@@ -56,7 +56,7 @@ export default function Results({ selected, setselected, setscore, advanced }) {
               classN={`${styles2[computer]} ${styles.btn}`}
               lid='computer'
             >
-              <img src={`../public/icon-${computer}.svg`} alt='' />
+              <img src={`./icon-${computer}.svg`} alt='' />
             </Button>
           )}
         </div>
diff --git a/components/Rules.js b/components/Rules.js
index 78955dd..64b0283 100644
--- a/components/Rules.js
+++ b/components/Rules.js
@@ -12,9 +12,9 @@ const Rules = ({ toggle, advanced }) => {
           </button>
         </div>
         {advanced ? (
-          <img src='/image-rules-bonus.svg' alt='rules for advanced' />
+          <img src='./image-rules-bonus.svg' alt='rules for advanced' />
         ) : (
-          <img src='/image-rules.svg' alt='rules for normal' />
+          <img src='./image-rules.svg' alt='rules for normal' />
         )}
       </div>
     </div>,