Disable repeating background on movie modal

src/app/components/modals/MovieModal.vue

@@ -5,7 +5,7 @@
 				@before-enter="lockScroll(true)" @enter-cancelled="lockScroll(false)"
 				@leave="lockScroll(false)" @leave-cancelled="lockScroll(true)">
 				<div v-if="movie !== undefined" class="relative w-full max-w-6xl bg-white md:bg-none overflow-hidden rounded-xl flex-col flex-shrink-0 shadow-xl">
-					<div class="bg-center bg-cover" :class="{ 'text-white': isDark }"
+					<div class="bg-center bg-cover bg-no-repeat" :class="{ 'text-white': isDark }"
 						:style="movie.backdropPath ? `background: url('/api/tmdb/image/w1280${movie.backdropPath}')` : ''">
 						<div class="movie-modal-content z-10" :style="backdropOverlayStyle">
 							<div class="flex p-4 items-center">