diff --git a/public/img/background.webp b/public/img/background.webp
new file mode 100644
index 0000000..42e6185
Binary files /dev/null and b/public/img/background.webp differ
diff --git a/src/img/profile.webp b/public/img/profile.webp
similarity index 100%
rename from src/img/profile.webp
rename to public/img/profile.webp
diff --git a/src/img/react.webp b/public/img/react.webp
similarity index 100%
rename from src/img/react.webp
rename to public/img/react.webp
diff --git a/src/img/space.webp b/public/img/space.webp
similarity index 100%
rename from src/img/space.webp
rename to public/img/space.webp
diff --git a/public/img/sunset.webp b/public/img/sunset.webp
new file mode 100644
index 0000000..6e7c67f
Binary files /dev/null and b/public/img/sunset.webp differ
diff --git a/src/components/About.js b/src/components/About.js
index 98aa1bd..7fa5cbe 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -1,8 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import './css/About.css';
-import ReactImage from '../img/react.webp';
-import ProfilePic from '../img/profile.webp';
 import Theater from './Theater';
 import Card from './Card';
 
@@ -15,14 +13,14 @@ class About extends React.Component {
   render() {
     return (
       <div className="About">
-        <Theater title="About" description="This page has information about me and about this site." extraClasses="h-50v" />
-        <Card title="Build with React" image={ReactImage}>
+        <Theater title="About" description="This page has information about me and about this site." extraClasses="h-50v" background="/img/sunset.webp"/>
+        <Card title="Build with React" image="/img/react.webp">
           This website is created with <a href="https://reactjs.org/">React</a>, a javascript library for creating user interfaces and webapps.
           React uses a component based design to help developers create easily re-usable code, and to help streamline the development process.
           JSX is a part of react which makes it easy to design websites directly in javascript code.
         </Card>
 
-        <Card title="Camerin Figueroa" image={ProfilePic}>
+        <Card title="Camerin Figueroa" image={"/img/profile.webp"}>
           I am a computer science student at Marist College in Poughkeepsie, NY. I'm closing in on my Bachelors Degree in Computer Science.
           I went to Orange County Community College for my Associates Degree in Computer Science. You can find a few of my projects on my
           <a href="https://github.com/RaspberryProgramming" target="_blank" rel="noreferrer"> Github</a> or look through a list in the
diff --git a/src/components/Github.js b/src/components/Github.js
index bbc1354..d8533fb 100644
--- a/src/components/Github.js
+++ b/src/components/Github.js
@@ -3,7 +3,6 @@ import { connect } from 'react-redux';
 import './css/Github.css';
 import {getRepos} from '../actions';
 import Theater from './Theater';
-import space from '../img/space.webp';
 
 class Github extends React.Component {
 
@@ -48,7 +47,7 @@ class Github extends React.Component {
             You can check them out, fork them, and maybe give them a 
             star. Any projects that have a website will have a button 
             that will bring you right to the site"
-          background={space}
+          background="/img/space.webp"
           extraClasses="peak"
         />
         <div>