fix relative links

css/app.css

@@ -1,5 +1,4 @@
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-
 html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
@@ -223,9 +222,8 @@ th {
 .section1 {
   background: #7d8080;
   height: 100vh;
-  background-image: url("/img/heimdall-logo.png");
+  background-image: url("../img/heimdall-logo.png");
   background-repeat: no-repeat;
   background-position: center center;
-  background-size: 50%;
+  background-size: 25%;
 }
-

sass/_app.scss

@@ -1,8 +1,8 @@
 .section1 {
     background: #7d8080;
     height: 100vh;
-    background-image: url('/img/heimdall-logo.png');
+    background-image: url("../img/heimdall-logo.png");
     background-repeat: no-repeat;
     background-position: center center;
-    background-size: 50%;
+    background-size: 25%;
 }

sass/app.scss

@@ -1,2 +1,3 @@
+
 @import "normalise";
 @import "app";

webpack.mix.js

@@ -11,4 +11,5 @@ let mix = require('laravel-mix');
  |
  */
 
+mix.options({ processCssUrls: false });
 mix.sass('sass/app.scss', 'css');