diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index 41fc430..7709c00 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -5,7 +5,6 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import 'bootstrap-icons/font/bootstrap-icons.css';
 
 import '../types';
-import tonyInCar from '../assets/tony-in-car.jpg';
 
 const About: React.FC = () => {
     return (
@@ -58,7 +57,7 @@ const About: React.FC = () => {
                     <Col md={6} className="mb-5 mb-md-0">
                         <div className="rounded shadow-lg overflow-hidden border-4 border-white mb-4">
                             <img
-                                src={tonyInCar}
+                                src="src/assets/tony-in-car.jpg"
                                 alt="Tony in the eStop Training Vehicle"
                                 className="img-fluid w-full" />
                         </div>
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index ecaf030..7e5cd59 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -4,15 +4,13 @@ import {Container, Button} from 'react-bootstrap';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import 'bootstrap-icons/font/bootstrap-icons.css';
 
-import heroDriver from '../assets/hero-driver.jpg';
-
 const Home: React.FC = () => {
     return (
         <>
             <div
                 className="text-white text-center d-flex align-items-center justify-content-center"
                 style={{
-                    backgroundImage: `linear-gradient(rgba(5, 10, 44, 0.25), rgba(5, 10, 44, 0.25)), url("${heroDriver}")`,
+                    backgroundImage: 'linear-gradient(rgba(5, 10, 44, 0.25), rgba(5, 10, 44, 0.25)), url("/src/assets/hero-driver.jpg")',
                     backgroundSize: 'cover',
                     backgroundPosition: 'center',
                     minHeight: '60vh',
@@ -214,8 +212,7 @@ const Home: React.FC = () => {
                 <br />
                 <br />
             </div>
-        </>
-    );
+     )
 };
 export default Home;
 
diff --git a/src/pages/Services.tsx b/src/pages/Services.tsx
index f11fe52..61c5f83 100644
--- a/src/pages/Services.tsx
+++ b/src/pages/Services.tsx
@@ -4,8 +4,6 @@ import { Container, Row, Col, Card, Button } from 'react-bootstrap';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import 'bootstrap-icons/font/bootstrap-icons.css';
 
-import drivingLesson from '../assets/driving-lesson.jpg';
-
 const DrivingService: React.FC = () => {
     return (
         <div className="bg-white">
@@ -81,7 +79,7 @@ const DrivingService: React.FC = () => {
                         <img
                             className="img-fluid rounded-5 shadow-lg"
                             alt="Driving lesson"
-                            src={drivingLesson}
+                            src="src/assets/driving-lesson.jpg"
                         />
                     </Col>
                 </Row>