diff --git a/web/contols.png b/web/contols.png
new file mode 100644
index 0000000..dc82994
Binary files /dev/null and b/web/contols.png differ
diff --git a/web/js/Menu.js b/web/js/Menu.js
index b104d7a..c7f9de9 100644
--- a/web/js/Menu.js
+++ b/web/js/Menu.js
@@ -10,6 +10,10 @@ function keyPressed() {
     }
 }
 
+function preload() {
+    controlsImage = loadImage('./contols.png');
+}
+
 function homescreen() {
     textAlign(CENTER, CENTER);
     textSize(70);
@@ -19,13 +23,6 @@ function homescreen() {
     button(255, 255, 255, width / 2, height / 2, "Start Game")
     button(255, 255, 255, width / 2, height / 2 + height / 12, "Scores")
 
-    push()
-    textSize(50)
-    fill(255, 255, 255)
-    text("Highscores", width / 5, height / 4)
-    text("Controls", width / 5 * 4, height / 4)
-    pop()
-
     push()
     fill(255, 255, 255)
     textSize(25)
@@ -42,8 +39,19 @@ function homescreen() {
     fill(0, 255, 0, 0)
     rect(width / 5, height / 2, width / 4, height / 1.5)
     rect(width / 5 * 4, height / 2, width / 4, height / 1.5)
+    imageMode(CENTER)
+    image(controlsImage, width / 5 * 4, height / 2, width / 4, height / 1.5)
     pop()
 
+    push()
+    textSize(50)
+    fill(255, 255, 255)
+    text("Highscores", width / 5, height / 4)
+    fill(255, 255, 255)
+    stroke('black');
+    strokeWeight(4);
+    text("Controls", width / 5 * 4, height / 4)
+    pop()
 }
 
 function button(r, g, b, buttonX, buttonY, buttonText) {