diff --git a/client/src/renderers/styles/welcome.css b/client/src/renderers/styles/welcome.css
new file mode 100644
index 0000000..aa67673
--- /dev/null
+++ b/client/src/renderers/styles/welcome.css
@@ -0,0 +1,10 @@
+.welcome-page {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+
+    background: url("/static/images/backgrounds/nightTime.jpg");
+    background-size: cover;
+}
\ No newline at end of file
diff --git a/client/src/renderers/welcome.ts b/client/src/renderers/welcome.ts
index 4b7410f..29cdf19 100644
--- a/client/src/renderers/welcome.ts
+++ b/client/src/renderers/welcome.ts
@@ -1,6 +1,6 @@
 import RenderDef from '../defs/renderer';
 import RenderStates from '../defs/renderStates';
-import Background from './images/backgrounds/nightTime.jpg';
+import './styles/welcome.css';
 
 class Welcome implements RenderDef {
     name = "welcome";
@@ -17,9 +17,8 @@ class Welcome implements RenderDef {
     async prepare(){
         this.element = document.createElement("div");
         var el = this.element;//LAZYNESS
-        el.className = "welcome-page";
+        el.className = "welcome-page";        
 
-        el.style.background = Background;
         this.state = RenderStates.Ready;
     }
     eject(){
diff --git a/client/src/renderers/images/backgrounds/nightTime.jpg b/client/static/images/backgrounds/nightTime.jpg
similarity index 100%
rename from client/src/renderers/images/backgrounds/nightTime.jpg
rename to client/static/images/backgrounds/nightTime.jpg