diff --git a/_layouts/co-op.html b/_layouts/co-op.html
index 692b4d4..6b9962b 100644
--- a/_layouts/co-op.html
+++ b/_layouts/co-op.html
@@ -15,7 +15,7 @@
       <div class="row">
         <div class="small-12 small-centered columns">
           <a href="{{ page.website }}" target="_blank">
-            <img src="/images/coops/{{ page.slug }}.png" alt="">
+            <img src="{{ site.github.url }}/images/coops/{{ page.slug }}.png" alt="">
           </a>
           <h2>{{ page.name }}</h2>
           <a href="{{ page.website }}" target="_blank">{{ page.website }}</a>
@@ -85,7 +85,7 @@
                     {% assign s = site.services | where: "slug", service | first %}
                     <div class="column">
                       <a href="{{ s.url | relative_url }}" class="service-thumb">
-                        <div class="service-thumb-img float-center" style="background-image: url(/images/services/{{ s.slug }}.png)"></div>
+                        <div class="service-thumb-img float-center" style="background-image: url({{ site.github.url }}/images/services/{{ s.slug }}.png)"></div>
                         <h5>{{ s.name }}</h5>
                       </a>
                     </div>
@@ -103,7 +103,7 @@
                     {% assign t = site.technologies | where: "slug", technology | first %}
                     <div class="column">
                       <a href="{{ t.url | relative_url }}" class="technology-thumb">
-                        <div class="technology-thumb-img float-center" style="background-image: url(/images/technologies/{{ t.slug }}.png)"></div>
+                        <div class="technology-thumb-img float-center" style="background-image: url({{ site.github.url }}/images/technologies/{{ t.slug }}.png)"></div>
                         <h5>{{ t.name }}</h5>
                       </a>
                     </div>
@@ -120,7 +120,7 @@
                   {% for client in page.clients %}
                     {% assign c = site.clients | where: "slug", client | first %}
                     <div class="column client-thumb-container">
-                      <div class="client-thumb" style="background-image: url(/images/clients/{{ c.slug }}.png)"></div>
+                      <div class="client-thumb" style="background-image: url({{ site.github.url }}/images/clients/{{ c.slug }}.png)"></div>
                       <h5 class="client-thumb-header">{{ c.name }}</h5>
                     </div>
                   {% endfor %}
diff --git a/_layouts/service.html b/_layouts/service.html
index 9c7cda0..22bfb27 100644
--- a/_layouts/service.html
+++ b/_layouts/service.html
@@ -14,7 +14,7 @@
     <div id="page-banner">
       <div class="row">
         <div class="small-12 small-centered columns">
-          <img src="/images/services/{{ page.slug }}.png" alt="">
+          <img src="{{ site.github.url }}/images/services/{{ page.slug }}.png" alt="">
           <h2>Coops that offer <span>{{ page.name }}</span></h2>
         </div>
       </div>
@@ -39,7 +39,7 @@
                 {% if coop.services contains page.slug %}
                   <div class="column">
                     <a href="{{ coop.url | relative_url }}" class="coop-thumb">
-                      <img src="/images/coops/{{ coop.slug }}.png" alt="">
+                      <img src="{{ site.github.url }}/images/coops/{{ coop.slug }}.png" alt="">
                     </a>
                   </div>
                 {% endif %}
diff --git a/_layouts/technology.html b/_layouts/technology.html
index 3121618..4fe50d5 100644
--- a/_layouts/technology.html
+++ b/_layouts/technology.html
@@ -14,7 +14,7 @@
     <div id="page-banner">
       <div class="row">
         <div class="small-12 small-centered columns">
-          <img src="/images/technologies/{{ page.slug }}.png" alt="">
+          <img src="{{ site.github.url }}/images/technologies/{{ page.slug }}.png" alt="">
           <h2>Coops that use <span>{{ page.name }}</span></h2>
         </div>
       </div>
@@ -39,7 +39,7 @@
                 {% if coop.technologies contains page.slug %}
                   <div class="column">
                     <a href="{{ coop.url | relative_url }}" class="coop-thumb">
-                      <img src="/images/coops/{{ coop.slug }}.png" alt="">
+                      <img src="{{ site.github.url }}/images/coops/{{ coop.slug }}.png" alt="">
                     </a>
                   </div>
                 {% endif %}
diff --git a/index.html b/index.html
index dca9522..88b8656 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,7 @@ layout: home
             <div class="column">
               {% for coop in site.coops %}
                 <a class="coop-thumb" href="{{ coop.url | relative_url }}">
-                  <div class="coop-thumb-img has-tip tip-bottom radius" style="background-image: url(/images/coops/{{ coop.slug }}.png)" data-tooltip aria-haspopup="true" title="{{ coop.name }}"></div>
+                  <div class="coop-thumb-img has-tip tip-bottom radius" style="background-image: url({{ site.github.url }}/images/coops/{{ coop.slug }}.png)" data-tooltip aria-haspopup="true" title="{{ coop.name }}"></div>
                 </a>
               {% endfor %}
             </div>
@@ -81,7 +81,7 @@ layout: home
       <div class="row small-up-2 medium-up-3 large-up-6">
         {% for client in site.clients %}
           <div class="column">
-            <div class="client-thumb" style="background-image: url(/images/clients/{{ client.slug }}.png)"></div>
+            <div class="client-thumb" style="background-image: url({{ site.github.url }}/images/clients/{{ client.slug }}.png)"></div>
           </div>
         {% endfor %}
       </div>
@@ -100,7 +100,7 @@ layout: home
         {% for service in site.services %}
           <div class="column">
             <a href="{{ service.url | relative_url }}" class="service-thumb">
-              <div class="service-thumb-img float-center" style="background-image: url(/images/services/{{ service.slug }}.png)"></div>
+              <div class="service-thumb-img float-center" style="background-image: url({{ site.github.url }}/images/services/{{ service.slug }}.png)"></div>
               <h5>{{ service.name }}</h5>
             </a>
           </div>
@@ -120,7 +120,7 @@ layout: home
         {% for technology in site.technologies %}
           <div class="column">
             <a href="{{ technology.url | relative_url }}" class="technology-thumb">
-              <div class="technology-thumb-img" style="background-image: url(/images/technologies/{{ technology.slug }}.png)"></div>
+              <div class="technology-thumb-img" style="background-image: url({{ site.github.url }}/images/technologies/{{ technology.slug }}.png)"></div>
               <h5>{{ technology.name }}</h5>
             </a>
           </div>