use static dir for images reference since scss

assets/scss/custom.scss

@@ -19,12 +19,10 @@ $icon-red: #f0384d;
 $icon-yellow: #fcc958;
 
 // Pattern
-// hugo needs to precompile images in public dir, and make it automatically with images called from content.
-// here we need to use it in css, then need to generate it, calling it first from a content md file.
 @mixin add-bg-pattern($id) {
     background-repeat: repeat;
     background-position: top center;
-    background-image: url('../images/bg/pattern-#{$id}.png'); 
+    background-image: url('/images/bg/pattern-#{$id}.png'); 
 }
 
 // Sections bg transitions
@@ -35,7 +33,7 @@ $icon-yellow: #fcc958;
         position: absolute;
         width: 100%; 
         height: 100%;
-        background-image: url('../images/svg/curve-#{$id}.svg');
+        background-image: url('/images/svg/curve-#{$id}.svg');
         background-size: contain;
         background-position: $pos center;
         background-repeat: no-repeat;