diff --git a/wiki/layout.html b/wiki/layout.html
index 25dd20e..9da7f44 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -14,7 +14,7 @@
   {% include 'menu.html' %}
 
   <!-- Header -->
-  <header class="bg-hero py-5 mb-5" style="background-image:{% block backgroundImage %}{% endblock %}">
+  <header class="bg-hero py-5 mb-5" style="background-image:url('{% block backgroundImage %}{% endblock %}')">
     <div class="blur-layer">
       <div class="container h-100">
         <div class="row h-100 align-items-center">
diff --git a/wiki/pages/contribution.html b/wiki/pages/contribution.html
index b4be061..5800dd8 100644
--- a/wiki/pages/contribution.html
+++ b/wiki/pages/contribution.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
   
 {% block title %}Contributions{% endblock %}
-{% block backgroundImage %}url(../static/contributions/image1.webp){% endblock %}
+{% block backgroundImage %}{{ url_for('static', filename = 'contributions/image1.webp') }}{% endblock %}
 
 {% block lead %}{% endblock %}
 
diff --git a/wiki/pages/description.html b/wiki/pages/description.html
index 2d91d4e..90165be 100644
--- a/wiki/pages/description.html
+++ b/wiki/pages/description.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
   
 {% block title %}Description{% endblock %}
-{% block backgroundImage %}url(../static/description/image1.webp){% endblock %}
+{% block backgroundImage %}{{ url_for('static', filename = 'description/image1.webp') }}{% endblock %}
 {% block lead %}Our introduction{% endblock %}
 
 {% block page_content %}
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index 0fbf6c3..6666ea6 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
   
 {% block title %}Education{% endblock %}
-{% block backgroundImage %}url(../static/education/image1.webp){% endblock %}
+{% block backgroundImage %}{{ url_for('static', filename = 'education/image1.webp') }}{% endblock %}
 
 {% block lead %}{% endblock %}
 
diff --git a/wiki/pages/entrepreneurship.html b/wiki/pages/entrepreneurship.html
index b0253a7..57eb001 100644
--- a/wiki/pages/entrepreneurship.html
+++ b/wiki/pages/entrepreneurship.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
 
 {% block title %}Entrepreneurship{% endblock %}
-{% block backgroundImage %}url(../static/entrepreneurship/image1.webp){% endblock %}
+{% block backgroundImage %}{{ url_for('static', filename = 'entrepreneurship/image1.webp') }}{% endblock %}
 
 {% block lead %}Product development idea: the birth and growth of SugarGuardian.{% endblock %}
 
diff --git a/wiki/pages/hardware.html b/wiki/pages/hardware.html
index 3b62517..95feccc 100644
--- a/wiki/pages/hardware.html
+++ b/wiki/pages/hardware.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
   
 {% block title %}Hardware{% endblock %}
-{% block backgroundImage %}url(../static/hardware/image1.webp){% endblock %}
+{% block backgroundImage %}{{ url_for('static', filename = 'hardware/image1.webp') }}{% endblock %}
 
 {% block lead %}{% endblock %}
 
diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index 7f203cb..5126c6b 100644
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
   
 {% block title %}Integrated human practice{% endblock %}
-{% block backgroundImage %}url(../static/hp/image1.webp){% endblock %}
+{% block backgroundImage %}{{ url_for('static', filename = 'hp/image1.webp') }}{% endblock %}
 
 {% block lead %}{% endblock %}
 
diff --git a/wiki/pages/notebook.html b/wiki/pages/notebook.html
index 5c2ba3f..6099dc5 100644
--- a/wiki/pages/notebook.html
+++ b/wiki/pages/notebook.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
   
 {% block title %}Notebook{% endblock %}
-{% block backgroundImage %}url(../static/notebook/image1.webp){% endblock %}
+{% block backgroundImage %}{{ url_for('static', filename = 'notebook/image1.webp') }}{% endblock %}
 
 {% block lead %}{% endblock %}
 
diff --git a/wiki/pages/parts.html b/wiki/pages/parts.html
index 689b985..97606fa 100644
--- a/wiki/pages/parts.html
+++ b/wiki/pages/parts.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
   
 {% block title %}BioBrick Parts{% endblock %}
-{% block backgroundImage %}url(../static/parts/image1.webp){% endblock %}
+{% block backgroundImage %}{{ url_for('static', filename = 'parts/image1.webp') }}{% endblock %}
 
 {% block lead %}You can learn our parts’ information which we uploaded to iDECs Registry of Standard Biological Parts.{% endblock %}
 
diff --git a/wiki/pages/results.html b/wiki/pages/results.html
index 5900963..d49307c 100644
--- a/wiki/pages/results.html
+++ b/wiki/pages/results.html
@@ -2,7 +2,7 @@
   
 
 {% block title %}Results{% endblock %}
-{% block backgroundImage %}url(../static/result/image3.webp){% endblock %}
+{% block backgroundImage %}{{ url_for('static', filename = 'result/image3.webp') }}{% endblock %}
 {% block lead %}{% endblock %}
 
 {% block page_content %}
diff --git a/wiki/pages/safety.html b/wiki/pages/safety.html
index 4ab7a35..d5a6ecd 100644
--- a/wiki/pages/safety.html
+++ b/wiki/pages/safety.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
   
 {% block title %}Safety{% endblock %}
-{% block backgroundImage %}url(../static/safety/image3.webp){% endblock %}
+{% block backgroundImage %}{{ url_for('static', filename = 'safety/image3.webp') }}{% endblock %}
 
 {% block lead %}{% endblock %}
 
diff --git a/wiki/pages/sustainable.html b/wiki/pages/sustainable.html
index 76f47ab..4668604 100644
--- a/wiki/pages/sustainable.html
+++ b/wiki/pages/sustainable.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
   
 {% block title %}Sustainability{% endblock %}
-{% block backgroundImage %}url(../static/sustainability/image1.webp){% endblock %}
+{% block backgroundImage %}{{ url_for('static', filename = 'sustainability/image1.webp') }}{% endblock %}
 
 {% block lead %}{% endblock %}