diff --git a/content/home.cz.md b/content/home.cz.md
index 725c5fa0f682b8e4c006505d041e237b6aac4a21..6f1d3f54e6e8e295c9dcd27e3622f1f3dfaea71a 100644
--- a/content/home.cz.md
+++ b/content/home.cz.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox running Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.da.md b/content/home.da.md
index e4f6c293a0abc7f7d9f5bdf0d0cd83933ca0c1b7..271e8eb16d1e8cae32e67cbdbd1f9e126f8542c6 100644
--- a/content/home.da.md
+++ b/content/home.da.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox kører Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.de.md b/content/home.de.md
index 53178fb23bc0bcad10c7b9b4752d7fd8df2fef0d..4d1fb1f800560aa58bf83ed3aa55a40c1808a6ca 100644
--- a/content/home.de.md
+++ b/content/home.de.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox unter Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.en.md b/content/home.en.md
index 65281a2d722a0988bacd2fb21e1c15fa260c40ee..9167aa8d051d22f0d51b65aabc36bcdfbcdec4bd 100644
--- a/content/home.en.md
+++ b/content/home.en.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox running Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.eo.md b/content/home.eo.md
index 2766061e75587b5983a001ebc5eea101fb3e3f17..9ef292f5cd813db92694d9c6d7a55bac5251f863 100644
--- a/content/home.eo.md
+++ b/content/home.eo.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox kurante Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.es.md b/content/home.es.md
index 22d8b718a69354162a88940600cf9f79ba9d454c..ddeb23d13dfc1fe9aa3e46fdf86ee5a4f557da63 100644
--- a/content/home.es.md
+++ b/content/home.es.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox ejecutando Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.fr.md b/content/home.fr.md
index dfc944d955eae3b6fbf4891ac3485a8ed7c30368..30d2d32b950bad9d50b1200289698bbd49245c69 100644
--- a/content/home.fr.md
+++ b/content/home.fr.md
@@ -41,8 +41,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox avec Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.hu.md b/content/home.hu.md
index cede6b0307b3a0619c95ff27645dbff719d18406..b57331f5463d08ab32b11e8f5432689a184c0a5a 100644
--- a/content/home.hu.md
+++ b/content/home.hu.md
@@ -37,8 +37,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Orbital futtatása Redox alatt
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.it.md b/content/home.it.md
index 8ad25ed302412b5478f526f8afce8007e3e2cae0..2563bc349c9fee93a4667f81119ac96e5bc2a85c 100644
--- a/content/home.it.md
+++ b/content/home.it.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox con Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.jp.md b/content/home.jp.md
index 165eaf79f4d14a70f8ee5bc14e6680d60fb0e0d4..430acf7337deaccd1fd326b5b5adffb76538f6f4 100644
--- a/content/home.jp.md
+++ b/content/home.jp.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       RedoxがOrbitalを実行している様子
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.ko.md b/content/home.ko.md
index 0e0626ce62f5cf39637aa8153c7cad1f0239bb37..b359d2505dc8391ff3576a4e1f1e20fe2ce65b93 100644
--- a/content/home.ko.md
+++ b/content/home.ko.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Orbital을 사용중인 Redox
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.nl.md b/content/home.nl.md
index 5f861eb53ec2a55638df7cf66d58b670cb678b50..2707593a67118cfbf7dec09eb86538ef5b886638 100644
--- a/content/home.nl.md
+++ b/content/home.nl.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox met Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.no.md b/content/home.no.md
index 67dea9d8bb8ddfd5db592a907c3d5810201b0521..b05e3ab4baf2e13fb2dd202abc03ccd0f50309c4 100644
--- a/content/home.no.md
+++ b/content/home.no.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox kjører Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.pl.md b/content/home.pl.md
index 125e30aedacb91203a9d3aae10fe44165ebc1941..13e3faeeba76627019a7174cb0458fb9d9057311 100644
--- a/content/home.pl.md
+++ b/content/home.pl.md
@@ -37,8 +37,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox ze środowiskiem Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.pt.md b/content/home.pt.md
index f8f45a505e8117a19483a7dac5ed1c85d318520a..1920ae92281b99f8ef0d6c6eb711633aa15b6c26 100644
--- a/content/home.pt.md
+++ b/content/home.pt.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox executando Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.ru.md b/content/home.ru.md
index fb1da788877f6b4b838b44dca92e0996b24979d4..36061c9d6f9124a9ba3d2f408f645e398e20ac5a 100644
--- a/content/home.ru.md
+++ b/content/home.ru.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox с Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.sv.md b/content/home.sv.md
index 726e6f557c9a8e4372503ba79d335d49d3f6a0b4..3b41f354043fe15c359c498d458a7655a4f5c571 100644
--- a/content/home.sv.md
+++ b/content/home.sv.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox kör Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.tr.md b/content/home.tr.md
index 91ddf7f13923037717beb0a166061cfa9186e769..a2ebb0baeeeba492e86f059a7695734f4dae4132 100644
--- a/content/home.tr.md
+++ b/content/home.tr.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox Orbital'i çalıştırırken
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.uk.md b/content/home.uk.md
index 13c7926a1185d5cb0b3e03ed080496e2836402b0..5322a87a314ba0e83ee106df62fb896f00b13cd4 100644
--- a/content/home.uk.md
+++ b/content/home.uk.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox із Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/content/home.zh.md b/content/home.zh.md
index b9341686b486493b5d808f3262ddda20eb496891..90fef1ad4bf18fc9c0c96adf65d4333fa4499fc6 100644
--- a/content/home.zh.md
+++ b/content/home.zh.md
@@ -38,8 +38,16 @@ url = "/home"
     <div style="font-size: 16px; text-align: center;">
       Redox执行Orbital
     </div>
-    <a href="https://i.imgur.com/MJqsqYo.png">
-      <img class="img-responsive" src="https://i.imgur.com/MJqsqYo.png"/>
+    <a href="img/redox-orbital/large.png">
+      <picture>
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.webp" type="image/webp">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/medium.webp" type="image/webp">
+        <source media="(min-width: 1300px)" srcset="img/redox-orbital/large.png" type="image/png">
+        <source media="(min-width: 640px)" srcset="img/redox-orbital/medium.png" type="image/png">
+        <source media="(min-width: 320px)" srcset="img/redox-orbital/small.png" type="image/png">
+        <img src="img/redox-orbital/medium.png" class="img-responsive" alt="Redox and Orbital">
+      </picture>
     </a>
   </div>
 </div>
diff --git a/static/img/redox-orbital/large.png b/static/img/redox-orbital/large.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7b44ee72df7d9deaafab9b230dabea84a82ffae
Binary files /dev/null and b/static/img/redox-orbital/large.png differ
diff --git a/static/img/redox-orbital/large.webp b/static/img/redox-orbital/large.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3255d15371f644d8b974d6cb3ae3def304403b2a
Binary files /dev/null and b/static/img/redox-orbital/large.webp differ
diff --git a/static/img/redox-orbital/medium.png b/static/img/redox-orbital/medium.png
new file mode 100644
index 0000000000000000000000000000000000000000..3bc7a77f6a9b96fa105872108e693f64b8c8bdc6
Binary files /dev/null and b/static/img/redox-orbital/medium.png differ
diff --git a/static/img/redox-orbital/medium.webp b/static/img/redox-orbital/medium.webp
new file mode 100644
index 0000000000000000000000000000000000000000..ae21ba004e2ea01a7622726f239ad0fd5640f70e
Binary files /dev/null and b/static/img/redox-orbital/medium.webp differ
diff --git a/static/img/redox-orbital/small.png b/static/img/redox-orbital/small.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f52d4188c05548f5c5a63dc3b8eca7df0c1e935
Binary files /dev/null and b/static/img/redox-orbital/small.png differ
diff --git a/static/img/redox-orbital/small.webp b/static/img/redox-orbital/small.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4f91a79310e918f4e810735372979747daa8b56e
Binary files /dev/null and b/static/img/redox-orbital/small.webp differ