diff --git a/src/assets/music/credit.mp3 b/src/assets/music/credit.mp3
new file mode 100644
index 0000000..4e3b68b
Binary files /dev/null and b/src/assets/music/credit.mp3 differ
diff --git a/src/assets/music/leaderboard.mp3 b/src/assets/music/leaderboard.mp3
new file mode 100644
index 0000000..de6b33d
Binary files /dev/null and b/src/assets/music/leaderboard.mp3 differ
diff --git a/src/credit.html b/src/credit.html
index 2219617..eac3949 100644
--- a/src/credit.html
+++ b/src/credit.html
@@ -95,6 +95,9 @@
     </div>
 
     <script>
+    var backgroundMusic = document.createElement('audio');
+    backgroundMusic.src = "assets/music/leaderboard.";
+    backgroundMusic.play();
         (function () {
             const inner = document.getElementById('creditsInner');
             const speed = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--speed')) || 40; // px/sec
diff --git a/src/css/style.css b/src/css/style.css
index b209838..9fbb9da 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -258,6 +258,8 @@ td {
     flex-direction: column;
     justify-content: center;
     align-items: center;
+    background-image: url(/assets/Design/landingPage.png);
+    background-position: center;
 }
 
 .container-onboard h1 {
@@ -296,8 +298,10 @@ td {
     align-items: center;
     justify-content: center;
     height: 100vh;
-    background: #060607;
+    background-image: url(/assets/Design/creditbg.png);
     margin: 0;
+    background-position: center;
+    background-size:cover ;
 }
 
 .container-credits .credits {