diff --git a/public/cover.webp b/public/cover.webp
new file mode 100644
index 0000000..fdc3a9c
Binary files /dev/null and b/public/cover.webp differ
diff --git a/src/App.svelte b/src/App.svelte
index fbdb4f5..a1f3746 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -3,13 +3,18 @@
     import { Map, Gamepad2, Disc3 } from "lucide-svelte";
 
     import { gameDetails } from "./lib/events";
+
+    let volume = $gameDetails?.volume || 0;
+
+    gameDetails.set(true);
 </script>
 
 {#if $gameDetails}
     <div in:scale class="h-screen w-screen">
-        <div class="h-full w-full flex justify-center items-center absolute opacity-50 blur-sm">
+        <div class="h-full w-full flex justify-center items-center absolute blur-sm">
             <!-- svelte-ignore a11y-media-has-caption -->
-            <audio src="is there a point (girl u know).mp3" autoplay={true} loop={true} volume={$gameDetails?.volume}></audio>
+            <!-- <img class="w-[48rem] h-[48rem]" src="cover.webp" alt="" /> -->
+            <audio src="is there a point (girl u know).mp3" autoplay loop bind:volume></audio>
         </div>
         <div class="h-full w-full flex justify-center items-center relative z-10">
             <div class="w-[42rem] grid grid-cols-3 gap-2">