diff --git a/src/Component/About/About.jsx b/src/Component/About/About.jsx
index a8ccfd5..a546368 100644
--- a/src/Component/About/About.jsx
+++ b/src/Component/About/About.jsx
@@ -8,7 +8,7 @@ function About() {
     <>
       <AboutContainer id="about">
         <AboutWrapper>
-          <img src="/Image/myImage.jpg" alt="" data-aos="fade-right" />
+          <img src="./Image/myImage.jpg" alt="" data-aos="fade-right" />
           <AboutPart data-aos="fade-left">
             <h1>About Me</h1>
             <p>
diff --git a/src/Component/Contact/Contact.jsx b/src/Component/Contact/Contact.jsx
index f7e7cd9..c588d3c 100644
--- a/src/Component/Contact/Contact.jsx
+++ b/src/Component/Contact/Contact.jsx
@@ -167,7 +167,7 @@ const RightSide = styled.div`
     border-radius: 4px;
     background-color: #d8cfcf;
     resize: none;
-    background-image: url("../Image/Group 62.png");
+    background-image: url("./Image/Group 62.png");
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
diff --git a/src/Component/Skill/Skill.jsx b/src/Component/Skill/Skill.jsx
index 48d00da..c8cfb8b 100644
--- a/src/Component/Skill/Skill.jsx
+++ b/src/Component/Skill/Skill.jsx
@@ -73,7 +73,7 @@ const CardContainer = styled.div`
 
 const SkillCard = styled.div`
   border: 1px solid rgba(72, 72, 72, 1);
-  background-image: url("../Image/background.jpg");
+  background-image: url("./Image/background.jpg");
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;