updates

src/components/ScreenPage.vue

@@ -56,7 +56,7 @@ const gameOptions = computed(() =>
 const screenMode = computed(() => state.value?.mode || 'SCREEN_MODE_COVER')
 const introAudio = computed(() => applicationFileURL(state.value?.introAudio))
 const conclusionVideo = computed(() => applicationFileURL(state.value?.conclusionVideo))
-const screenBackground = computed(() => state.value?.coverImage ? { backgroundImage: `linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 55%)), url("${state.value.coverImage}")` } : {})
+const screenBackground = computed(() => state.value?.backgroundImage ? { backgroundImage: `linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 55%)), url("${state.value.backgroundImage}")` } : {})
 
 function saveSession() {
   sessionStorage.setItem(sessionKey, JSON.stringify({ screenId: screenId.value, accessToken: accessToken.value }))
@@ -273,7 +273,7 @@ onUnmounted(() => {
       <div v-else class="screen-content" :style="screenBackground">
         <p v-if="mediaError" class="media-error">{{ mediaError }}</p>
         <div v-if="screenMode === 'SCREEN_MODE_INTRO' && state.introAudio" class="screen-media">
-          <div class="cassette">
+          <div class="sound-track">
             <canvas ref="visualizerCanvas" width="640" height="120" />
           </div>
           <audio ref="introAudioElement" :src="introAudio" :muted="!state.soundEnabled" autoplay controls />
@@ -457,12 +457,12 @@ onUnmounted(() => {
   text-align: left;
 }
 
-.cassette {
+.sound-track {
   margin: 0 auto 20px;
   max-width: 720px;
 }
 
-.cassette canvas {
+.sound-track canvas {
   background: #161616;
   display: block;
   height: 120px;