diff --git a/website/assets/PlatformJuggler_New.webp b/website/assets/PlatformJuggler_New.webp
new file mode 100644
index 0000000..61570c6
Binary files /dev/null and b/website/assets/PlatformJuggler_New.webp differ
diff --git a/website/index.html b/website/index.html
index a895f05..d022017 100644
--- a/website/index.html
+++ b/website/index.html
@@ -379,6 +379,8 @@
 
     <section class="compat-section">
         <div class="container">
+            <img src="assets/PlatformJuggler_New.webp" alt="A cute koala juggling multiple browser tabs showing streaming platforms" class="compat-mascot" lang="en" width="300" height="233" loading="lazy" data-reveal>
+            <img src="assets/PlatformJuggler_New.webp" alt="Ein niedlicher Koala jongliert mit mehreren Browser-Tabs, auf denen verschiedene Streamingdienste laufen" class="compat-mascot" lang="de" width="300" height="233" loading="lazy" data-reveal>
             <p class="compat-heading" data-reveal>
                 <span lang="en">Works on your favorite platforms</span>
                 <span lang="de">Funktioniert auf deinen Lieblingsplattformen</span>
diff --git a/website/style.css b/website/style.css
index 74464a7..95fe2e9 100644
--- a/website/style.css
+++ b/website/style.css
@@ -1299,12 +1299,20 @@ html.lang-de [lang="en"] {
 
 /* --- Compatibility Section --- */
 .compat-section {
-    padding: 4rem 0;
+    padding: 1rem 0 3.5rem 0;
     text-align: center;
     background: rgba(255,255,255,0.01);
     border-bottom: 1px solid var(--glass-border);
 }
 
+.compat-mascot {
+    display: block;
+    margin: 0 auto 0.5rem auto;
+    max-width: 320px;
+    width: 100%;
+    height: auto;
+}
+
 .compat-heading {
     font-size: 1rem;
     font-weight: 600;