diff --git a/index.html b/index.html
index fc05b0e..4cd6a50 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@ layout: page
 title: Safing
 ---
 
-<header class="h-screen bg-local bg-no-repeat bg-cover bg-center" style="background-image: url(../images/bg.png)">
+<header class="h-screen bg-local bg-no-repeat bg-cover bg-center" style="background-image: url({{ site.img_url }}header.png)">
   <div class="flex items-center h-full">
     <div class="container mx-auto px-8 sm:px-0">
       <div class="text-center">
@@ -26,16 +26,16 @@ title: Safing
           <span class="opacity-25">Supported by</span>
           <div class="flex grid grid-flow-col justify-between my-3 opacity-75 items-center">
             <a href="">
-              <img class="scale-75 md:scale-100 transform hover:scale-95 hover:opacity-50 transition duration-150 ease-in-out" src="../images/esa copy.png" alt="">
+              <img class="scale-75 md:scale-100 transform hover:scale-95 hover:opacity-50 transition duration-150 ease-in-out" src="{{ site.img_url }}external/logos/esa_dark.png" alt="">
             </a>
             <a href="">
-              <img class="scale-75 md:scale-100 transform hover:scale-95 hover:opacity-50 transition duration-150 ease-in-out" src="../images/excellence copy.png" alt="">
+              <img class="scale-75 md:scale-100 transform hover:scale-95 hover:opacity-50 transition duration-150 ease-in-out" src="{{ site.img_url }}external/logos/excellence_dark.png" alt="">
             </a>
             <a href="">
-              <img class="scale-75 md:scale-100 transform hover:scale-95 hover:opacity-50 transition duration-150 ease-in-out" src="../images/ffg copy.png" alt="">
+              <img class="scale-75 md:scale-100 transform hover:scale-95 hover:opacity-50 transition duration-150 ease-in-out" src="{{ site.img_url }}external/logos/ffg_dark.png" alt="">
             </a>
             <a href="">
-              <img class="scale-75 md:scale-100 transform hover:scale-95 hover:opacity-50 transition duration-150 ease-in-out" src="../images/netidee_small copy.png" alt="">
+              <img class="scale-75 md:scale-100 transform hover:scale-95 hover:opacity-50 transition duration-150 ease-in-out" src="{{ site.img_url }}external/logos/netidee_small_dark.png" alt="">
             </a>
           </div>
         </div>
@@ -118,7 +118,7 @@ title: Safing
     <div class="container mx-auto px-8 sm:px-0 flex">
       <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto">
         <div class="pb-48 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">
-          <img src="../images/spn/network.png" alt="">
+          <img src="{{ site.img_url }}page-specific/spn/network.png" alt="">
         </div>
         <div class="inline-block max-w-lg">
           <span style="font-size: 12rem; font-weight: 800; margin-top: -9rem; margin-left: -3rem; opacity: 0.05;" class=" z-0 absolute bg-top">01</span>
@@ -136,7 +136,7 @@ title: Safing
           </div>
         </div>
         <div class="hidden pt-16 lg:pt-0 ml-0 lg:ml-32 lg:block self-center">
-          <img src="../images/spn/network.png" alt="">
+          <img src="{{ site.img_url }}page-specific/spn/network.png" alt="">
         </div>
       </div>
     </div>
@@ -144,7 +144,7 @@ title: Safing
       <div class="container mx-auto px-8 sm:px-0 flex">
         <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex">
           <div class="pb-48 lg:pb-0 m0-0 lg:mr-32 self-center">
-            <img src="../images/portmaster/monitor.png" alt="">
+            <img src="{{ site.img_url }}page-specific/portmaster/monitor.png" alt="">
           </div>
           <div class="inline-block max-w-lg">
             <span style="font-size: 12rem; font-weight: 800; margin-top: -9rem; margin-left: -3rem; opacity: 0.05;" class=" z-0 absolute bg-top">02</span>
@@ -200,7 +200,7 @@ title: Safing
                 <li>
                   <div class="block transform hover:scale-95 duration-150 ease-in-out">
                     <a href="">
-                      <img src="../images/podcast_blank.png" alt="">
+                      <img src="{{ site.img_url }}shapes/podcast_blank.png" alt="">
                       <div class="pt-6">
                         <span class="opacity-25">4 FEB 2020</span>
                         <p>The Two Steps it takes</p>
@@ -211,7 +211,7 @@ title: Safing
                 <li class="mt-10 md:mt-0">
                   <div class="block transform hover:scale-95 duration-150 ease-in-out">
                     <a href="">
-                      <img src="../images/podcast_blank.png" alt="">
+                      <img src="{{ site.img_url }}shapes/podcast_blank.png" alt="">
                       <span style="font-size: 12rem; font-weight: 800; margin-top: -13.8rem; margin-left: -0.8rem;" class=" z-0 absolute bg-top">
                         <button type="button" style="background-color: #6188ff;" class="inline-flex items-center px-4 py-4 rounded-md border border-transparent text-xs leading-5 font-extrabold  text-white">
                           <svg class="h-8 w-auto lg:h-5 fill-current text-white" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.41 11">
@@ -228,7 +228,7 @@ title: Safing
                 <li class="mt-10 md:mt-0">
                   <div class="block transform hover:scale-95 duration-150 ease-in-out">
                     <a href="">
-                      <img src="../images/podcast_blank.png" alt="">
+                      <img src="{{ site.img_url }}shapes/podcast_blank.png" alt="">
                       <div class="pt-6">
                         <span class="opacity-25">4 FEB 2020</span>
                         <p>The Two Steps it takes</p>
@@ -239,7 +239,7 @@ title: Safing
                 <li class="mt-10 md:mt-0">
                   <div class="block transform hover:scale-95 duration-150 ease-in-out">
                     <a href="">
-                      <img src="../images/podcast_blank.png" alt="">
+                      <img src="{{ site.img_url }}shapes/podcast_blank.png" alt="">
                       <span style="font-size: 12rem; font-weight: 800; margin-top: -13.8rem; margin-left: -0.8rem;" class=" z-0 absolute bg-top">
                         <button type="button" style="background-color: #6188ff;" class="inline-flex items-center px-4 py-4 rounded-md border border-transparent text-xs leading-5 font-extrabold  text-white">
                           <svg class="h-8 w-auto lg:h-5 fill-current text-white" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.41 11">
@@ -256,7 +256,7 @@ title: Safing
                 <li class="mt-10 md:mt-0">
                   <div class="block transform hover:scale-95 duration-150 ease-in-out">
                     <a href="">
-                      <img src="../images/podcast_blank.png" alt="">
+                      <img src="{{ site.img_url }}shapes/podcast_blank.png" alt="">
                       <span style="font-size: 12rem; font-weight: 800; margin-top: -13.8rem; margin-left: -0.8rem;" class=" z-0 absolute bg-top">
                         <button type="button" style="background-color: #6188ff;" class="inline-flex items-center px-4 py-4 rounded-md border border-transparent text-xs leading-5 font-extrabold  text-white">
                           <svg class="h-8 w-auto lg:h-5 fill-current text-white" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.41 11">
@@ -272,7 +272,7 @@ title: Safing
                 </li>
                 <li class="mt-10 md:mt-0">
                   <div class="block transform hover:scale-95 duration-150 ease-in-out">
-                    <img src="../images/podcast_blank.png" alt="">
+                    <img src="{{ site.img_url }}shapes/podcast_blank.png" alt="">
                     <div class="pt-6">
                       <span class="opacity-25">4 FEB 2020</span>
                       <p>The Two Steps it takes</p>