diff --git a/src/assets/info/background-min.jpg b/src/assets/info/background-min.jpg
deleted file mode 100644
index a338290..0000000
Binary files a/src/assets/info/background-min.jpg and /dev/null differ
diff --git a/src/statics/Info.vue b/src/statics/Info.vue
index 753c38c..2105d7b 100644
--- a/src/statics/Info.vue
+++ b/src/statics/Info.vue
@@ -1,8 +1,8 @@
 <template>
     <div id="info">
         <div id="top">
-            <span id="title">Veracross Analyzer for SJP</span>
-            <span id="subtitle">Know your grades better.</span>
+            <div id="title">Veracross Analyzer for SJP</div>
+            <div id="subtitle">Know your grades better.</div>
         </div>
     </div>
 </template>
@@ -18,5 +18,29 @@
 </script>
 
 <style lang="scss" scoped>
+    #top
+    {
+        padding: 40vh 0;
+        background-image: url("../assets/info/background-min.jpg");
 
+        // Center and scale the image nicely
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+
+        text-align: right;
+
+        #title
+        {
+            font-size: 30px;
+            margin-right: 10vw;
+            color: white;
+        }
+
+        #subtitle
+        {
+            margin-right: 10vw;
+            color: white;
+        }
+    }
 </style>