diff --git a/src/Beamershow.svelte b/src/Beamershow.svelte
index 438465d..d87826f 100644
--- a/src/Beamershow.svelte
+++ b/src/Beamershow.svelte
@@ -1,5 +1,6 @@
 <script>
   import axios from "axios";
+  import bg from "../public/beamershow_background.png?import";
   import { _ } from "svelte-i18n";
   import { slide } from "svelte/transition";
   import { apikey, api_endpoint, laptime_track } from "./store.js";
@@ -138,7 +139,7 @@
 
 <div
   class="min-h-screen flex items-center justify-center bg-gray-100"
-  style="background-image: url('/beamershow_background.png');background-position: center;background-size: contain;background-repeat:no-repeat;"
+  style="background-image: url({bg});background-position: center;background-size: contain;background-repeat:no-repeat;"
 >
   <div class="w-full">
     <div class="w-3/4 xl:w-1/2 mx-auto">