diff --git a/public/background.jpg b/src/assets/background.jpg
similarity index 100%
rename from public/background.jpg
rename to src/assets/background.jpg
diff --git a/src/views/Home.vue b/src/views/Home.vue
index ab8923f..a73fe5f 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-cover bg-fixed m-0 h-screen" style="background-image: url('./background.jpg');">
+  <div class="bg-cover bg-fixed m-0 h-screen" v-bind:style='{ backgroundImage: "url(" + background_base64 + ")", }'>
     <section class="container px-4 py-24 mx-auto">
       <div class="w-full mx-auto text-center">
         <img src="/favicon.png" class="h-32 mx-auto" />
@@ -25,6 +25,7 @@
 </template>
 
 <script setup>
+import background_base64 from "../assets/background.jpg?inline";
 import Footer from "@/components/Footer.vue";
 console.log(config);
 </script>
\ No newline at end of file