diff --git a/public/backgrounds/night-play.webp b/public/backgrounds/night-play.webp
new file mode 100644
index 0000000000000000000000000000000000000000..d3757ae4b30d9fbb1a1aab2b830df76ebb7a5f7a
Binary files /dev/null and b/public/backgrounds/night-play.webp differ
diff --git a/src/containers/LayoutContainer.tsx b/src/containers/LayoutContainer.tsx
index 190bc8d66c3bc1b584e034db48a16bc880919db8..3de86ad552b402e531a537b79b80ed6caac61987 100644
--- a/src/containers/LayoutContainer.tsx
+++ b/src/containers/LayoutContainer.tsx
@@ -13,19 +13,21 @@ import 'react-toastify/dist/ReactToastify.css'
 
 
 interface LayoutProps {
-  backgroundImage: string,
-  dispatch: Dispatch,
-  app: AppState,
+  backgroundImage: string
+  dispatch: Dispatch
+  app: AppState
   children: React.ReactNode
 }
 
 function Layout(props: LayoutProps) {
-  const background = props.backgroundImage && (
+  const backgroundImage = props.backgroundImage || 'backgrounds/night-play.webp'
+  const filter = props.backgroundImage ? 'blur(10px)' : 'none'
+  const background = backgroundImage && (
     <>
       <div className='bg-handler before:bg-gray-100/70 dark:before:bg-black/70'></div>
       <div
         className='absolute w-full h-full bg-cover bg-center bg-no-repeat bg-fixed'
-        style={{ backgroundImage: `url(${props.backgroundImage})`, filter: 'blur(10px)' }}
+        style={{ backgroundImage: `url(${backgroundImage})`, filter: filter }}
       />
     </>
   )