diff --git a/assets/css/main.css b/assets/css/main.css
index 517675e..0d04490 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -2441,9 +2441,36 @@ figure figcaption {
     margin: 0;
 }
 
+#references .section-three {
+    overflow: hidden;
+}
+
 #references img {
-    max-width: 200px;
-    max-height: 80px;
+    max-height: 50px;
+    filter: grayscale(100%);
+    margin-left: 8rem;
+}
+
+#references .data-content-three.marquee-container {
+    flex-wrap: nowrap;
+    animation: scroll-left 6s linear infinite;
+    width: 200%;
+}
+
+.marquee-content {
+    display: flex;
+    width: 50%; /* Each set takes half the track */
+    padding-left: 300px;
+}
+
+
+@keyframes scroll-left {
+    0% {
+        transform: translateX(0%);
+    }
+    100% {
+        transform: translateX(-50%);
+    }
 }
 
 /* Dropdown navigation from eco-compute.io */
diff --git a/layouts/partials/references.html b/layouts/partials/references.html
index 1aa70a1..a753f44 100644
--- a/layouts/partials/references.html
+++ b/layouts/partials/references.html
@@ -4,20 +4,32 @@ <h2><div class="title-one">{{i18n "references"}}</div></h2>
         <div class="separator">
             <div class="line line-1"></div>
         </div>
-        <div class="data-content-three">
-            <img src="/img/references/axel-springer-logo.webp" alt="Axel Springer Logo">
-            <img src="/img/references/wbs-coding-school-logo.webp" alt="WBS Coding School Logo">
-            <img src="/img/references/LHIND.webp" alt="Lufthansa Industry Solutions Logo">
-            <a href="https://sdialliance.org" aria-label="SDIAlliance Website"><img src="/img/references/sdia-logo.webp" alt="SDIAlliance Logo"></a>
-            <img src="/img/references/bits-und-baeume-logo.webp" alt="Bits & Bäume Logo">
-            <a href="https://www.enviroinfo2023.eu/programme/schedule-overview/wednesday-schedule/#1894286d" aria-label="EnviroInfo 2023 schedule"><img src="/img/references/enviroinfo-logo.webp" alt="EnviroInfo Logo"></a>
-            <img src="/img/references/ironhack.webp" alt="IronHack Logo">
-            <a href="https://fosdem.org/2023/schedule/track/energy/" aria-label="FOSDEM 2023 energy track schedule"><img src="/img/references/fosdem-2023.webp" alt="FOSDEM Logo"></a>
-            <a href="https://www.arbeitsagentur.de/vor-ort/it-systemhaus/vorstellung" aria-label="Arbeitsagentur Systemhaus Website"><img src="/img/references/ba-it-systemhaus.webp" alt="Arbeitsagentur IT Systemhaus Logo"></a>
-            <a href="https://www.htw-berlin.de/" aria-label="HTW Berlin Website"><img src="/img/references/htw-logo.webp" alt="HTW Berlin Logo"></a>
-            <a href="https://www.opentext.com/" aria-label="OpenText Website"><img src="/img/references/opentext.webp" alt="OpenText Logo"></a>
-            <a href="https://www.thegreenwebfoundation.org/" aria-label="The Green Web Foundation Website"><img src="/img/references/GWF-logo.svg" alt="The Green Web Foundation Logo"></a>
+        <div class="data-content-three marquee-container">
+            <div class="marquee-content">
+                <img src="/img/references/axel-springer-logo.webp" alt="Axel Springer Logo">
+                <img src="/img/references/wbs-coding-school-logo.webp" alt="WBS Coding School Logo">
+                <img src="/img/references/LHIND.webp" alt="Lufthansa Industry Solutions Logo">
+                <a href="https://sdialliance.org" aria-label="SDIAlliance Website"><img src="/img/references/sdia-logo.webp" alt="SDIAlliance Logo"></a>
+                <a href="https://www.enviroinfo2023.eu/programme/schedule-overview/wednesday-schedule/#1894286d" aria-label="EnviroInfo 2023 schedule"><img src="/img/references/enviroinfo-logo.webp" alt="EnviroInfo Logo"></a>
+                <a href="https://www.arbeitsagentur.de/vor-ort/it-systemhaus/vorstellung" aria-label="Arbeitsagentur Systemhaus Website"><img src="/img/references/ba-it-systemhaus.webp" alt="Arbeitsagentur IT Systemhaus Logo"></a>
+                <a href="https://www.htw-berlin.de/" aria-label="HTW Berlin Website"><img src="/img/references/htw-logo.webp" alt="HTW Berlin Logo"></a>
+                <a href="https://www.opentext.com/" aria-label="OpenText Website"><img src="/img/references/opentext.webp" alt="OpenText Logo"></a>
+                <a href="https://www.thegreenwebfoundation.org/" aria-label="The Green Web Foundation Website"><img src="/img/references/GWF-logo.svg" alt="The Green Web Foundation Logo"></a>
+            </div>
+            <div class="marquee-content">
+                <img src="/img/references/axel-springer-logo.webp" alt="Axel Springer Logo">
+                <img src="/img/references/wbs-coding-school-logo.webp" alt="WBS Coding School Logo">
+                <img src="/img/references/LHIND.webp" alt="Lufthansa Industry Solutions Logo">
+                <a href="https://sdialliance.org" aria-label="SDIAlliance Website"><img src="/img/references/sdia-logo.webp" alt="SDIAlliance Logo"></a>
+                <a href="https://www.enviroinfo2023.eu/programme/schedule-overview/wednesday-schedule/#1894286d" aria-label="EnviroInfo 2023 schedule"><img src="/img/references/enviroinfo-logo.webp" alt="EnviroInfo Logo"></a>
+                <a href="https://www.arbeitsagentur.de/vor-ort/it-systemhaus/vorstellung" aria-label="Arbeitsagentur Systemhaus Website"><img src="/img/references/ba-it-systemhaus.webp" alt="Arbeitsagentur IT Systemhaus Logo"></a>
+                <a href="https://www.htw-berlin.de/" aria-label="HTW Berlin Website"><img src="/img/references/htw-logo.webp" alt="HTW Berlin Logo"></a>
+                <a href="https://www.opentext.com/" aria-label="OpenText Website"><img src="/img/references/opentext.webp" alt="OpenText Logo"></a>
+                <a href="https://www.thegreenwebfoundation.org/" aria-label="The Green Web Foundation Website"><img src="/img/references/GWF-logo.svg" alt="The Green Web Foundation Logo"></a>
+            </div>
         </div>
+
+
     </div>
     <div class="separator">
         <div class="line line-1"></div>