diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000..3c3629e647
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/src/App.css b/src/App.css
index 379ff2d417..3af79f3974 100644
--- a/src/App.css
+++ b/src/App.css
@@ -17,7 +17,7 @@
 }
 
 .services {
-  background-image: url('/images/img-2.jpg');
+  background-image: url('../src/images/img-2.jpg');
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
@@ -26,7 +26,7 @@
 }
 
 .products {
-  background-image: url('/images/img-1.jpg');
+  background-image: url('../src/images/img-1.jpg');
   background-position: center;
   background-size: fill;
   background-repeat: no-repeat;
@@ -35,7 +35,7 @@
 }
 
 .sign-up {
-  background-image: url('/images/img-8.jpg');
+  background-image: url('../src/images/img-8.jpg');
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
diff --git a/src/components/Cards.js b/src/components/Cards.js
index 718a4346cc..df4ef89f81 100644
--- a/src/components/Cards.js
+++ b/src/components/Cards.js
@@ -1,6 +1,12 @@
 import React from 'react';
 import './Cards.css';
 import CardItem from './CardItem';
+import image9 from '../images/img-9.jpg'
+import  image2 from '../images/img-2.jpg'
+import image3 from '../images/img-3.jpg'
+import image4 from '../images/img-4.jpg'
+import image8 from '../images/img-8.jpg'
+
 
 function Cards() {
   return (
@@ -10,13 +16,13 @@ function Cards() {
         <div className='cards__wrapper'>
           <ul className='cards__items'>
             <CardItem
-              src='images/img-9.jpg'
+              src= { image9 }
               text='Explore the hidden waterfall deep inside the Amazon Jungle'
               label='Adventure'
               path='/services'
             />
             <CardItem
-              src='images/img-2.jpg'
+              src= {image2}
               text='Travel through the Islands of Bali in a Private Cruise'
               label='Luxury'
               path='/services'
@@ -24,19 +30,19 @@ function Cards() {
           </ul>
           <ul className='cards__items'>
             <CardItem
-              src='images/img-3.jpg'
+              src={image3}
               text='Set Sail in the Atlantic Ocean visiting Uncharted Waters'
               label='Mystery'
               path='/services'
             />
             <CardItem
-              src='images/img-4.jpg'
+              src={image4}
               text='Experience Football on Top of the Himilayan Mountains'
               label='Adventure'
               path='/products'
             />
             <CardItem
-              src='images/img-8.jpg'
+              src= {image8}
               text='Ride through the Sahara Desert on a guided camel tour'
               label='Adrenaline'
               path='/sign-up'
diff --git a/public/images/img-1.jpg b/src/images/img-1.jpg
similarity index 100%
rename from public/images/img-1.jpg
rename to src/images/img-1.jpg
diff --git a/public/images/img-2.jpg b/src/images/img-2.jpg
similarity index 100%
rename from public/images/img-2.jpg
rename to src/images/img-2.jpg
diff --git a/public/images/img-3.jpg b/src/images/img-3.jpg
similarity index 100%
rename from public/images/img-3.jpg
rename to src/images/img-3.jpg
diff --git a/public/images/img-4.jpg b/src/images/img-4.jpg
similarity index 100%
rename from public/images/img-4.jpg
rename to src/images/img-4.jpg
diff --git a/public/images/img-5.jpg b/src/images/img-5.jpg
similarity index 100%
rename from public/images/img-5.jpg
rename to src/images/img-5.jpg
diff --git a/public/images/img-6.jpg b/src/images/img-6.jpg
similarity index 100%
rename from public/images/img-6.jpg
rename to src/images/img-6.jpg
diff --git a/public/images/img-7.jpg b/src/images/img-7.jpg
similarity index 100%
rename from public/images/img-7.jpg
rename to src/images/img-7.jpg
diff --git a/public/images/img-8.jpg b/src/images/img-8.jpg
similarity index 100%
rename from public/images/img-8.jpg
rename to src/images/img-8.jpg
diff --git a/public/images/img-9.jpg b/src/images/img-9.jpg
similarity index 100%
rename from public/images/img-9.jpg
rename to src/images/img-9.jpg
diff --git a/public/images/img-home.jpg b/src/images/img-home.jpg
similarity index 100%
rename from public/images/img-home.jpg
rename to src/images/img-home.jpg