diff --git a/media/bg.jpg b/media/bg.jpg
new file mode 100644
index 0000000..578b17e
Binary files /dev/null and b/media/bg.jpg differ
diff --git a/templates/base.html b/templates/base.html
index 2c76e25..f50b6bb 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -41,7 +41,7 @@
 <body>
   <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #000;">
         <a class="navbar-brand" href="/">
-            <img src="{% static 'logo.png' %}" alt="BH Logo" height="40"> Beyond Heroes
+            <img src="/media/logo.jpg" alt="BH Logo" height="40"> Beyond Heroes
         </a>
         <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
diff --git a/templates/bg.jpg b/templates/bg.jpg
new file mode 100644
index 0000000..578b17e
Binary files /dev/null and b/templates/bg.jpg differ
diff --git a/templates/index.html b/templates/index.html
index 728eca3..1258d2a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,7 +1,11 @@
 {% extends 'base.html' %}
 
 {% block content %}
-
+    <style type="text/css">
+        body {
+            background-image: url('/media/bg.jpg'); background-size: cover; background-repeat: no-repeat;
+        }
+    </style>
     <div style="position: absolute; bottom: 1; right: 0;margin: 25px; width: 30%; background-color: rgba(0, 0, 0, 0.6); color: #eeeeee; border-radius: 2px;">
         <div style="padding: 20px;">
             <h2 style="text-align: justify;">Beyond Heroes</h2>
