diff --git a/ui/public/bg.jpg b/ui/public/bg.jpg
new file mode 100644
index 0000000..25c6ace
Binary files /dev/null and b/ui/public/bg.jpg differ
diff --git a/ui/src/App.vue b/ui/src/App.vue
index 8289a75..2151903 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -22,7 +22,7 @@ const environment = import.meta.env.VITE_ENVIRONMENT;
 </script>
 
 <template>
-  <div class="flex flex-col min-h-screen">
+  <div class="flex flex-col min-h-screen" style="background-image: url('/ui/public/bg.jpg'); background-size: cover; background-attachment: fixed;">
     <div class="sticky top-0 bg-background z-50">
       <Navbar class="flex"></Navbar>
       <Alert v-if="environment == 'dev'" class="m-2 mx-auto w-5xl" variant="info">