Added login bg img

src/components/screens/Login.vue

@@ -1,23 +1,17 @@
 <template>
-<audio ref="bgm" id="bgm" src="@/assets/sound/bgm.mp3" loop autoplay></audio>
+  <audio ref="bgm" id="bgm" src="/assets/sound/bgm.mp3" loop autoplay></audio>
+  <img src="/assets/Leaf_BG_standalone.png" class="bg-img" alt="login bg" />
 </template>
 
 <script setup>
 import { ref, onMounted } from 'vue'
+</script>
 
-const bgm = ref(null)
-const bgmStart = () => bgm.value.play();
-
-onMounted(() => {
-  // check if bgm is playing already and do nothing
-  if (bgm.value.paused) {
-    window.addEventListener('click', () => bgm.value.play())
-    window.addEventListener('keydown', () => bgm.value.play())
-    window.addEventListener('mousemove', () => bgm.value.play())
-  }
-
-})
-
-
-
-</script>
+<style scoped>
+.bg-img {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+</style>