diff --git a/index.html b/index.html
index 383decc4..186313ca 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@ stylesheet: index
       </div>
       <div class="col-7_md-12_md-first hero">
         <div>
-          <img class="img" src="{{ "/images/hero.png" | relative_url }}" srcset="./images/hero.png 1x, ./images/hero@2x.png 2x, ./images/hero@3x.png 3x" alt="Crossplane hero image" />
+          <img class="img" src="{{ "/images/hero.png" | relative_url }}" srcset="{{ "/images/hero.png" | relative_url }} 1x, {{ "/images/hero@2x.png" | relative_url }} 2x, {{ "/images/hero@3x.png" | relative_url }} 3x" alt="Crossplane hero image" />
         </div>
       </div>
     </div>
@@ -32,7 +32,7 @@ stylesheet: index
   <div>
     <div class="grid">
       <div class="col-6_md-12 img">
-        <img src="{{ "/images/feature-1.png" | relative_url }}" srcset="./images/feature-1.png 1x, ./images/feature-1@2x.png 2x, ./images/feature-1@3x.png 3x" alt="Provision managed services" />
+        <img src="{{ "/images/feature-1.png" | relative_url }}" srcset="{{ "/images/feature-1.png" | relative_url }} 1x, {{ "/images/feature-1@2x.png" | relative_url }} 2x, {{ "/images/feature-1@3x.png" | relative_url }} 3x" alt="Provision managed services" />
       </div>
       <div class="col-6_md-12">
         <h2>Provision the managed services your applications depend on using ‘kubectl.’</h2>
@@ -53,13 +53,13 @@ stylesheet: index
         </p>
       </div>
       <div class="col-6_md-12_md-first img">
-        <img src="{{ "/images/feature-4.png" | relative_url }}" srcset="./images/feature-4.png 1x, ./images/feature-4@2x.png 2x, ./images/feature-4@3x.png 3x"
+        <img src="{{ "/images/feature-4.png" | relative_url }}" srcset="{{ "/images/feature-4.png" | relative_url }} 1x, {{ "/images/feature-4@2x.png" | relative_url }} 2x, {{ "/images/feature-4@3x.png" | relative_url }} 3x"
           alt="Extend Crossplane by adding your own Stack" />
       </div>
     </div>
     <div class="grid">
       <div class="col-6_md-12 img">
-        <img src="{{ "/images/feature-2.png" | relative_url }}" srcset="./images/feature-2.png 1x, ./images/feature-2@2x.png 2x, ./images/feature-2@3x.png 3x"
+        <img src="{{ "/images/feature-2.png" | relative_url }}" srcset="{{ "/images/feature-2.png" | relative_url }} 1x, {{ "/images/feature-2@2x.png" | relative_url }} 2x, {{ "/images/feature-2@3x.png" | relative_url }} 3x"
           alt="Schedule workloads across clusters, regions and clouds" />
       </div>
       <div class="col-6_md-12">
@@ -81,7 +81,7 @@ stylesheet: index
         </p>
       </div>
       <div class="col-6_md-12_md-first img">
-        <img src="{{ "/images/feature-3.png" | relative_url }}" srcset="./images/feature-3.png 1x, ./images/feature-3@2x.png 2x, ./images/feature-3@3x.png 3x"
+        <img src="{{ "/images/feature-3.png" | relative_url }}" srcset="{{ "/images/feature-3.png" | relative_url }} 1x, {{ "/images/feature-3@2x.png" | relative_url }} 2x, {{ "/images/feature-3@3x.png" | relative_url }} 3x"
           alt="Manage multiple clusters from a single control plane" />
       </div>
     </div>
@@ -183,7 +183,7 @@ stylesheet: index
         </p>
         <div class="signature">
           <div class="exec-img">
-            <img src="{{ "/images/sid.jpg" | relative_url }}" srcset="./images/sid.jpg 1x, ./images/sid@2x.jpg 2x, ./images/sid@3x.jpg 3x" alt="Sid Sijbrandij" />
+            <img src="{{ "/images/sid.jpg" | relative_url }}" srcset="{{ "/images/sid.jpg" | relative_url }} 1x, {{ "/images/sid@2x.jpg" | relative_url }} 2x, {{ "/images/sid@3x.jpg" | relative_url }} 3x" alt="Sid Sijbrandij" />
           </div>
           <div class="exec-info">
             <div class="name">Sid Sijbrandij</div>
@@ -205,7 +205,7 @@ stylesheet: index
         </p>
         <div class="signature">
           <div class="exec-img">
-            <img src="{{ "/images/spencer.jpg" | relative_url }}" srcset="./images/spencer.jpg 1x, ./images/spencer@2x.jpg 2x, ./images/spencer@3x.jpg 3x" alt="Spencer Kimball" />
+            <img src="{{ "/images/spencer.jpg" | relative_url }}" srcset="{{ "/images/spencer.jpg" | relative_url }} 1x, {{ "/images/spencer@2x.jpg" | relative_url }} 2x, {{ "/images/spencer@3x.jpg" | relative_url }} 3x" alt="Spencer Kimball" />
           </div>
           <div class="exec-info">
             <div class="name">Spencer Kimball</div>
@@ -224,7 +224,7 @@ stylesheet: index
         </p>
         <div class="signature">
           <div class="exec-img">
-            <img src="{{ "/images/karthik.jpg" | relative_url }}" srcset="./images/karthik.jpg 1x, ./images/karthik@2x.jpg 2x, ./images/karthik@3x.jpg 3x" alt="Karthik Ranganathan" />
+            <img src="{{ "/images/karthik.jpg" | relative_url }}" srcset="{{ "/images/karthik.jpg" | relative_url }} 1x, {{ "/images/karthik@2x.jpg" | relative_url }} 2x, {{ "/images/karthik@3x.jpg" | relative_url }} 3x" alt="Karthik Ranganathan" />
           </div>
           <div class="exec-info">
             <div class="name">Karthik Ranganathan</div>
@@ -246,7 +246,7 @@ stylesheet: index
         </p>
         <div class="signature">
           <div class="exec-img">
-            <img src="{{ "/images/bassam.jpg" | relative_url }}" srcset="./images/bassam.jpg 1x, ./images/bassam@2x.jpg 2x, ./images/bassam@3x.jpg 3x" alt="Bassam Tabbara" />
+            <img src="{{ "/images/bassam.jpg" | relative_url }}" srcset="{{ "/images/bassam.jpg" | relative_url }} 1x, {{ "/images/bassam@2x.jpg" | relative_url }} 2x, {{ "/images/bassam@3x.jpg" | relative_url }} 3x" />
           </div>
           <div class="exec-info">
               <div class="name">Bassam Tabbara</div>