diff --git a/public/styles/components/_hamburger-menu.scss b/public/styles/components/_hamburger-menu.scss
index 6404a24..1a43f7e 100644
--- a/public/styles/components/_hamburger-menu.scss
+++ b/public/styles/components/_hamburger-menu.scss
@@ -62,11 +62,11 @@ $c-hamburger-menu--pos-y: 0%;
     }
 
     &--home {
-      background-image: url('./../images/patterns/game-show.svg');
+      background-image: url($s-asset--directory+'images/patterns/game-show.svg');
     }
 
     &--contact {
-      background-image: url('./../images/patterns/lemon-triangle.svg');
+      background-image: url($s-asset--directory+'images/patterns/lemon-triangle.svg');
     }
 
     &:hover:before {
diff --git a/public/styles/pages/_contact-page.scss b/public/styles/pages/_contact-page.scss
index a3ad9b1..3ecbf49 100644
--- a/public/styles/pages/_contact-page.scss
+++ b/public/styles/pages/_contact-page.scss
@@ -9,7 +9,7 @@
  */
 .p-contact-page {
   background-color: #37085E;
-  background-image: url('./../images/patterns/lemon-triangle.svg');
+  background-image: url($s-asset--directory+'images/patterns/lemon-triangle.svg');
   background-size: 75% auto;
 
   &__message-element {
diff --git a/public/styles/pages/_home-page.scss b/public/styles/pages/_home-page.scss
index 9bccd88..c1691c6 100644
--- a/public/styles/pages/_home-page.scss
+++ b/public/styles/pages/_home-page.scss
@@ -22,7 +22,7 @@
     background-size: 150% auto;
 
     &-video {
-      background-image: url('./../images/patterns/florida.svg');
+      background-image: url($s-asset--directory+'images/patterns/florida.svg');
     }
   }