diff --git a/.gitattributes b/.gitattributes
index 2e50dd4d1..570cdda6d 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -2,3 +2,4 @@
 *.png filter=lfs diff=lfs merge=lfs -text
 *.mp4 filter=lfs diff=lfs merge=lfs -text
 *.webm filter=lfs diff=lfs merge=lfs -text
+*.webp filter=lfs diff=lfs merge=lfs -text
diff --git a/components/01-pages/article-page-default/article-page-default.html b/components/01-pages/article-page-default/article-page-default.html
index 0d578b8dd..97ec9e5c8 100644
--- a/components/01-pages/article-page-default/article-page-default.html
+++ b/components/01-pages/article-page-default/article-page-default.html
@@ -1,4 +1,4 @@
-<header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-01.jpg' }}); background-color: var(--overlay-standard-color);">
+<header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-01.webp' }}); background-color: var(--overlay-standard-color);">
     <h3 class="standard-header__type">Content Type</h3>
     <h1 class="standard-header__title">Titel</h1>
     <h2 class="standard-header__subtitle">Subtitle</h2>
@@ -97,7 +97,7 @@ <h3>{{headline}}</h3>
         <p>{{text}}</p>
 
         <figure>
-            <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.jpg'}}" alt="Bild Groß" />
+            <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.webp'}}" alt="Bild Groß" />
             <figcaption>
                 {{quote}}
             </figcaption>
@@ -162,7 +162,7 @@ <h3>{{headline}}</h3>
 
         <div class="centered-content-75">
             <figure>
-                <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.jpg'}}" alt="Bild Groß" />
+                <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.webp'}}" alt="Bild Groß" />
                 <figcaption>
                     {{quote}}
                 </figcaption>
diff --git a/components/01-pages/artist-collabo-page/artist-collabo-page.html b/components/01-pages/artist-collabo-page/artist-collabo-page.html
index d04a07e68..da427e614 100644
--- a/components/01-pages/artist-collabo-page/artist-collabo-page.html
+++ b/components/01-pages/artist-collabo-page/artist-collabo-page.html
@@ -30,7 +30,7 @@ <h3>Wir glauben an die bewusste Reflektion zwischen Technik und Gesellschaft.</h
             <h3 class="image-list-teaser__title image-list-teaser__title--01">Vertigo in the Face of the Infinite</h3>
             <p class="image-list-teaser__subtitle">Matthew Plummer-Fernandez</p>
             <figure>
-                <img src="{{ path '/assets/bg-images/edition-01/visual-header-heads.jpg' }}" alt="Tower" />
+                <img src="{{ path '/assets/bg-images/edition-01/visual-header-heads.webp' }}" alt="Tower" />
                 <figcaption>
                     Erste INNOQ-Medienkunst-Edition
                 </figcaption>
@@ -49,7 +49,7 @@ <h3 class="image-list-teaser__title image-list-teaser__title--01">Vertigo in the
             <h3 class="image-list-teaser__title image-list-teaser__title--02">Neuroevolutionary Trails</h3>
             <p class="image-list-teaser__subtitle">Studio Waltz Binaire</p>
             <figure>
-                <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.jpg' }}" alt="Neuroevolutionary Trails" />
+                <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.webp' }}" alt="Neuroevolutionary Trails" />
                 <figcaption>
                     Zweite INNOQ-Medienkunst-Edition
                 </figcaption>
diff --git a/components/01-pages/case-study-pages/case-study-page/case-study-page.html b/components/01-pages/case-study-pages/case-study-page/case-study-page.html
index 4f2d2b9b6..586f84a24 100644
--- a/components/01-pages/case-study-pages/case-study-page/case-study-page.html
+++ b/components/01-pages/case-study-pages/case-study-page/case-study-page.html
@@ -1,4 +1,4 @@
-<header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-01.jpg' }}); background-color: var(--overlay-standard-color);">
+<header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-01.webp' }}); background-color: var(--overlay-standard-color);">
     <h1 class="standard-header__title">Hey ho, let's go</h1>
     <h2 class="standard-header__subtitle">...</h2>
     <div class="standard-header__intro">
@@ -41,7 +41,7 @@ <h3>{{headline}}</h3>
         <p>{{text}}</p>
 
         <figure>
-            <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.jpg'}}" alt="Bild Groß" />
+            <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.webp'}}" alt="Bild Groß" />
             <figcaption>
                 {{quote}}
             </figcaption>
diff --git a/components/01-pages/culture-pages/culture-page-default/culture-page-default.html b/components/01-pages/culture-pages/culture-page-default/culture-page-default.html
index b44ea50ab..a79467e9b 100644
--- a/components/01-pages/culture-pages/culture-page-default/culture-page-default.html
+++ b/components/01-pages/culture-pages/culture-page-default/culture-page-default.html
@@ -28,7 +28,7 @@ <h1 class="claim-header__title">
                     Unsere Unternehmenskultur ist aus dem Anspruch entstanden, Dinge anders und besser zu machen. An erster Stelle: Vertrauen in unsere Mitarbeiterinnen und Mitarbeiter und ein respektvoller Umgang untereinander. Jede und jeder Einzelne verfügt über weitreichende Freiheit und trägt ein hohes Maß an Verantwortung.
                 </p>
             </div>
-            <img class="image-divider-right-image" itemprop="photo" src="{{ path '/assets/bg-images/general/visual-culture-02.jpg'}}" alt="INNOQ Mitarbeitende" />
+            <img class="image-divider-right-image" itemprop="photo" src="{{ path '/assets/bg-images/general/visual-culture-02.webp'}}" alt="INNOQ Mitarbeitende" />
         </div>
     </div>
 
diff --git a/components/01-pages/culture-pages/work-page/work-page.html b/components/01-pages/culture-pages/work-page/work-page.html
index 53a1e8905..9656b27db 100644
--- a/components/01-pages/culture-pages/work-page/work-page.html
+++ b/components/01-pages/culture-pages/work-page/work-page.html
@@ -1,7 +1,7 @@
 <div class="stripe stripe--primary">
     <header
         class="standard-header"
-        style="background-image: url({{ path '/assets/bg-images/general/visual-culture-06.jpg' }}); background-color: var(--overlay-standard-color);"
+        style="background-image: url({{ path '/assets/bg-images/general/visual-culture-06.webp' }}); background-color: var(--overlay-standard-color);"
     >
         <h1 class="standard-header__title">Arbeiten bei INNOQ</h1>
         <div class="standard-header__intro">
@@ -32,7 +32,7 @@ <h3>Wenn Vertrauen die Regel ist, braucht es keine Regeln.</h3>
         <div class="container-xl container-vertical-spacing-lg">
             <img
                 itemprop="photo"
-                src="{{path '/assets/bg-images/general/visual-culture-07.jpg'}}"
+                src="{{path '/assets/bg-images/general/visual-culture-07.webp'}}"
                 alt="INNOQ Mitarbeiter:innen"
             />
             <div class="image-divider-right">
@@ -50,7 +50,7 @@ <h3>Wenn Vertrauen die Regel ist, braucht es keine Regeln.</h3>
                     <img
                         class="image-divider-right-image"
                         itemprop="photo"
-                        src="{{path '/assets/bg-images/general/visual-culture-12.jpg'}}"
+                        src="{{path '/assets/bg-images/general/visual-culture-12.webp'}}"
                         alt="INNOQ Mitarbeiter:innen"
                     />
                 </div>
diff --git a/components/01-pages/landing-page/landing-page.html b/components/01-pages/landing-page/landing-page.html
index 0352e563b..763798e2d 100644
--- a/components/01-pages/landing-page/landing-page.html
+++ b/components/01-pages/landing-page/landing-page.html
@@ -125,7 +125,7 @@
 
 <header class="landing-page-header">
     <video class="bg-video" playsinline autoplay muted loop wf-ignore
-        poster="{{ path '/assets/bg-images/edition-02/edition02-human-02.jpg'}}">
+        poster="{{ path '/assets/bg-images/edition-02/edition02-human-02.webp'}}">
         <source src=" {{ path '/assets/bg-videos/neuroevolutionary-trails.mp4'}}" type="video/mp4" />
     </video>
     <div class="landing-page-header__body">
diff --git a/components/01-pages/product-microsite-page/product-microsite-page.html b/components/01-pages/product-microsite-page/product-microsite-page.html
index d5612688f..eb34a1d85 100644
--- a/components/01-pages/product-microsite-page/product-microsite-page.html
+++ b/components/01-pages/product-microsite-page/product-microsite-page.html
@@ -15,7 +15,7 @@ <h2 class="teaser-section-heading">So haben wir anderen Kunden geholfen</h2>
             <div class="tile-grid-md">
                 <div class="card">
                     <div class="card__image-header">
-                        <img class="card__image" src="{{ path '/assets/bg-images/general/visual-workshop-12.jpg'}}" />
+                        <img class="card__image" src="{{ path '/assets/bg-images/general/visual-workshop-12.webp'}}" />
                         <ul class="card__tags">
                             <li class="card__tag">Startup</li>
                             <li class="card__tag">Mobility</li>
@@ -49,7 +49,7 @@ <h3 class="upcase-heading">Outcome</h3>
 
                 <div class="card">
                     <div class="card__image-header">
-                        <img class="card__image" src="{{ path '/assets/bg-images/general/visual-workshop-05.jpg'}}" />
+                        <img class="card__image" src="{{ path '/assets/bg-images/general/visual-workshop-05.webp'}}" />
                         <ul class="card__tags">
                             <li class="card__tag">Startup</li>
                             <li class="card__tag">Fintech</li>
@@ -89,10 +89,10 @@ <h2 class="teaser-section-heading">So arbeiten wir mit Ihnen zusammen</h2>
 
     <section class="two-column-image-divider">
         <figure class="two-column-image-divider__left-image">
-            <img src="{{ path '/assets/bg-images/general/visual-workshop-12.jpg'}}" />
+            <img src="{{ path '/assets/bg-images/general/visual-workshop-12.webp'}}" />
         </figure>
         <figure class="two-column-image-divider__right-image">
-            <img src="{{ path '/assets/bg-images/general/visual-workshop-16.jpg'}}"/>
+            <img src="{{ path '/assets/bg-images/general/visual-workshop-16.webp'}}"/>
         </figure>
     </section>
 
@@ -177,7 +177,7 @@ <h2 class="product-list-teaser__headline">Design Sprint</h2>
             </div>
 
             <figure>
-                <img src="{{ path '/assets/bg-images/general/visual-workshop-11.jpg'}}"/>
+                <img src="{{ path '/assets/bg-images/general/visual-workshop-11.webp'}}"/>
             </figure>
 
             <div class="icon-divider icon-divider--transparent">
diff --git a/components/01-pages/story-pages/story-detail-page/story-detail-page.html b/components/01-pages/story-pages/story-detail-page/story-detail-page.html
index 56b244a50..e3e5afa7f 100644
--- a/components/01-pages/story-pages/story-detail-page/story-detail-page.html
+++ b/components/01-pages/story-pages/story-detail-page/story-detail-page.html
@@ -5,7 +5,7 @@ <h3 class="gradient-header__author">Mika Majoran</h3>
         <h1 class="gradient-header__title">{{headline}}</h1>
         <img
             class="gradient-header__img"
-            src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.jpg'}}"
+            src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.webp'}}"
             alt="Bild mit Umrandung"
         />
     </div>
@@ -52,7 +52,7 @@ <h3 class="info-note__title">Mika Majoran</h3>
     </super-quote>
 
     <figure>
-        <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.jpg'}}" alt="Bild Groß" />
+        <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.webp'}}" alt="Bild Groß" />
     </figure>
 
     <p>{{text}}</p>
@@ -81,7 +81,7 @@ <h3>{{headline}}</h3>
     <p>{{text}}</p>
 
     <figure>
-        <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.jpg'}}" alt="Bild Groß" />
+        <img src="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.webp'}}" alt="Bild Groß" />
     </figure>
 
     <h3>{{headline}}</h3>
diff --git a/components/01-pages/training-pages/training-detail-page/training-detail-page.html b/components/01-pages/training-pages/training-detail-page/training-detail-page.html
index 8d1d9296d..7f3e39626 100644
--- a/components/01-pages/training-pages/training-detail-page/training-detail-page.html
+++ b/components/01-pages/training-pages/training-detail-page/training-detail-page.html
@@ -1,4 +1,4 @@
-<header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-08.jpg' }}); background-color: var(--overlay-standard-color);">
+<header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-08.webp' }}); background-color: var(--overlay-standard-color);">
     <h3 class="standard-header__type">Training</h3>
     <h1 class="standard-header__title">Cloud Migration</h1>
     <h2 class="standard-header__subtitle">Von Legacy zu Cloud Native</h2>
@@ -20,10 +20,10 @@ <h2 class="standard-header__subtitle">Von Legacy zu Cloud Native</h2>
 
         <section class="two-column-image-divider-asymmetric">
             <figure>
-                <img class="two-column-image-divider-asymmetric__left-image two-column-image-divider-asymmetric__left-image--quer" src="{{ path '/assets/bg-images/general/visual-workshop-12.jpg' }}" alt="Bild mit Umrandung" />
+                <img class="two-column-image-divider-asymmetric__left-image two-column-image-divider-asymmetric__left-image--quer" src="{{ path '/assets/bg-images/general/visual-workshop-12.webp' }}" alt="Bild mit Umrandung" />
             </figure>
             <figure>
-                <img class="two-column-image-divider-asymmetric__left-image two-column-image-divider-asymmetric__right-image--quer" src="{{ path '/assets/bg-images/general/visual-trainings-08.jpg' }}" alt="Bild mit Umrandung" />
+                <img class="two-column-image-divider-asymmetric__left-image two-column-image-divider-asymmetric__right-image--quer" src="{{ path '/assets/bg-images/general/visual-trainings-08.webp' }}" alt="Bild mit Umrandung" />
             </figure>
         </section>
 
@@ -42,7 +42,7 @@ <h3>Ihr Nutzen</h3>
         </ul>
 
         <figure>
-            <img src="{{ path '/assets/bg-images/general/visual-trainings-09.jpg'}}" alt="Bild Groß" />
+            <img src="{{ path '/assets/bg-images/general/visual-trainings-09.webp'}}" alt="Bild Groß" />
             <figcaption>Teilnehmerinnen eines Trainings an unserem Standort Zürich</figcaption>
         </figure>
 
diff --git a/components/01-pages/training-pages/trainings-overview-page/trainings-overview-page.html b/components/01-pages/training-pages/trainings-overview-page/trainings-overview-page.html
index 7fc0875d7..ebee8f9a7 100644
--- a/components/01-pages/training-pages/trainings-overview-page/trainings-overview-page.html
+++ b/components/01-pages/training-pages/trainings-overview-page/trainings-overview-page.html
@@ -1,5 +1,5 @@
 <main role="main">
-    <header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-01.jpg' }}); background-color: var(--overlay-standard-color);">
+    <header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-01.webp' }}); background-color: var(--overlay-standard-color);">
         <h1 class="standard-header__title">Unser Schulungsangebot</h1>
         <h2 class="standard-header__subtitle">Weil wir Wissen gerne mit Ihnen teilen</h2>
         <div class="standard-header__intro">
diff --git a/components/03-organisms/header/standard-header/standard-header-default.html b/components/03-organisms/header/standard-header/standard-header-default.html
index c2cc25c11..ecd1236b2 100644
--- a/components/03-organisms/header/standard-header/standard-header-default.html
+++ b/components/03-organisms/header/standard-header/standard-header-default.html
@@ -1,6 +1,6 @@
 
 
-<header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-01.jpg' }}); background-color: var(--overlay-standard-color);">
+<header class="standard-header" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-01.webp' }}); background-color: var(--overlay-standard-color);">
     <h3 class="standard-header__type standard-header__type--underlined">Content Type</h3>
     <h1 class="standard-header__title">Titel Filet mignon sausage tongue, hamburger porchetta fatback kielbasa</h1>
     <h2 class="standard-header__subtitle">Subtitle Filet mignon sausage tongue, hamburger porchetta fatback kielbasa</h2>
diff --git a/components/03-organisms/header/standard-header/standard-header-inverted.html b/components/03-organisms/header/standard-header/standard-header-inverted.html
index 9fb06cfcc..f3b34f130 100644
--- a/components/03-organisms/header/standard-header/standard-header-inverted.html
+++ b/components/03-organisms/header/standard-header/standard-header-inverted.html
@@ -1,4 +1,4 @@
-<header class="standard-header standard-header--inverted" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-01.jpg' }}); background-color: var(--overlay-standard-color);">
+<header class="standard-header standard-header--inverted" style="background-image: url({{ path '/assets/bg-images/general/visual-trainings-01.webp' }}); background-color: var(--overlay-standard-color);">
     <h3 class="standard-header__type">Content Type</h3>
     <h1 class="standard-header__title">Title</h1>
     <h2 class="standard-header__subtitle">Subtitle</h2>
diff --git a/components/03-organisms/header/video-header/video-header.html b/components/03-organisms/header/video-header/video-header.html
index b79e8768a..8e65b8443 100644
--- a/components/03-organisms/header/video-header/video-header.html
+++ b/components/03-organisms/header/video-header/video-header.html
@@ -1,5 +1,5 @@
 <header class="landing-page-header">
-    <video class="bg-video" playsinline autoplay muted poster="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.jpg'}}"">
+    <video class="bg-video" playsinline autoplay muted poster="{{ path '/assets/bg-images/edition-02/edition02-canyon-01.webp'}}"">
         <source src="{{ path '/assets/bg-videos/neuroevolutionary-trails-2.webm'}}" type="video/webm"/>
         <source src="{{ path '/assets/bg-videos/neuroevolutionary-trails-2.mp4'}}" type="video/mp4"/>
     </video>
diff --git a/components/03-organisms/newsletter-optin/_newsletter-optin.scss b/components/03-organisms/newsletter-optin/_newsletter-optin.scss
index a756f377e..1d3735e65 100644
--- a/components/03-organisms/newsletter-optin/_newsletter-optin.scss
+++ b/components/03-organisms/newsletter-optin/_newsletter-optin.scss
@@ -7,7 +7,7 @@
   padding: $spacer-lg;
   background-blend-mode: multiply;
   background-color: $brand-gray-75;
-  background-image: asset-url("bg-images/edition-02/edition02-data-05.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-data-05.webp");
   background-size: cover;
   color: $newsletter-optin-color;
 
diff --git a/components/04-molecules/visual-elements/card/card.html b/components/04-molecules/visual-elements/card/card.html
index ee4779e9c..b81bdff97 100644
--- a/components/04-molecules/visual-elements/card/card.html
+++ b/components/04-molecules/visual-elements/card/card.html
@@ -1,6 +1,6 @@
 <div class="card">
     <div class="card__image-header">
-        <img class="card__image" src="{{ path '/assets/bg-images/general/visual-workshop-12.jpg'}}" />
+        <img class="card__image" src="{{ path '/assets/bg-images/general/visual-workshop-12.webp'}}" />
         <ul class="card__tags">
             <li class="card__tag">Startup</li>
             <li class="card__tag">Mobility</li>
diff --git a/components/04-molecules/visual-elements/teaser/list-teaser/image-list-teaser/image-list-teaser.html b/components/04-molecules/visual-elements/teaser/list-teaser/image-list-teaser/image-list-teaser.html
index 32a80536e..d90b8e8c8 100644
--- a/components/04-molecules/visual-elements/teaser/list-teaser/image-list-teaser/image-list-teaser.html
+++ b/components/04-molecules/visual-elements/teaser/list-teaser/image-list-teaser/image-list-teaser.html
@@ -2,7 +2,7 @@
     <h3 class="image-list-teaser__title image-list-teaser__title--01">Vertigo in the Face of the Infinite</h3>
     <p class="image-list-teaser__subtitle">Matthew Plummer-Fernandez</p>
     <figure>
-        <img src="{{ path '/assets/bg-images/edition-01/visual-header-heads.jpg'}}" alt="Tower" />
+        <img src="{{ path '/assets/bg-images/edition-01/visual-header-heads.webp'}}" alt="Tower" />
         <figcaption>
             Erste INNOQ-Medienkunst-Edition
         </figcaption>
diff --git a/components/04-molecules/visual-elements/teaser/list-teaser/training-list-teaser/_training-list-teaser.scss b/components/04-molecules/visual-elements/teaser/list-teaser/training-list-teaser/_training-list-teaser.scss
index f3bc250c4..d03684b42 100644
--- a/components/04-molecules/visual-elements/teaser/list-teaser/training-list-teaser/_training-list-teaser.scss
+++ b/components/04-molecules/visual-elements/teaser/list-teaser/training-list-teaser/_training-list-teaser.scss
@@ -11,7 +11,7 @@ $list-teaser-training-height: ms(32);
   &.primary {
     background-blend-mode: multiply;
     background-color: $list-teaser-training-bg-color-primary;
-    background-image: asset-url("bg-images/general/visual-trainings-07.jpg");
+    background-image: asset-url("bg-images/general/visual-trainings-07.webp");
     background-position: top;
     background-repeat: no-repeat;
     background-size: cover;
@@ -20,7 +20,7 @@ $list-teaser-training-height: ms(32);
   &.secondary {
     background-blend-mode: multiply;
     background-color: $list-teaser-training-bg-color-secondary;
-    background-image: asset-url("bg-images/general/visual-trainings-07.jpg");
+    background-image: asset-url("bg-images/general/visual-trainings-07.webp");
     background-position: top;
     background-repeat: no-repeat;
     background-size: cover;
diff --git a/components/04-molecules/visual-elements/visual-divider/image-divider-right/image-divider-right.html b/components/04-molecules/visual-elements/visual-divider/image-divider-right/image-divider-right.html
index 9ee96da11..4a93e2eda 100644
--- a/components/04-molecules/visual-elements/visual-divider/image-divider-right/image-divider-right.html
+++ b/components/04-molecules/visual-elements/visual-divider/image-divider-right/image-divider-right.html
@@ -8,6 +8,6 @@
                 Dex beef noodles biochip personality Chiba post-uplink euro-pop sentient.
             </p>
         </div>
-        <img class="image-divider-right-image" itemprop="photo" src="{{ path '/assets/bg-images/general/visual-culture-02.jpg'}}" alt="INNOQ Mitarbeitende" />
+        <img class="image-divider-right-image" itemprop="photo" src="{{ path '/assets/bg-images/general/visual-culture-02.webp'}}" alt="INNOQ Mitarbeitende" />
     </div>
 </div>
diff --git a/components/04-molecules/visual-elements/visual-divider/two-column-image-divider/two-column-image-divider.html b/components/04-molecules/visual-elements/visual-divider/two-column-image-divider/two-column-image-divider.html
index 7e719df69..29bb312bc 100644
--- a/components/04-molecules/visual-elements/visual-divider/two-column-image-divider/two-column-image-divider.html
+++ b/components/04-molecules/visual-elements/visual-divider/two-column-image-divider/two-column-image-divider.html
@@ -1,8 +1,8 @@
 <div class="two-column-image-divider">
     <figure class="two-column-image-divider__left-image">
-        <img src="{{ path '/assets/bg-images/general/visual-trainings-03.jpg'}}" />
+        <img src="{{ path '/assets/bg-images/general/visual-trainings-03.webp'}}" />
     </figure>
     <figure class="two-column-image-divider__right-image">
-        <img src="{{ path '/assets/bg-images/general/visual-trainings-04.jpg'}}" />
+        <img src="{{ path '/assets/bg-images/general/visual-trainings-04.webp'}}" />
     </figure>
 </div>
diff --git a/components/06-subatoms/bg-images/_bg-images.scss b/components/06-subatoms/bg-images/_bg-images.scss
index 6fd743ef5..4d7a021f6 100644
--- a/components/06-subatoms/bg-images/_bg-images.scss
+++ b/components/06-subatoms/bg-images/_bg-images.scss
@@ -3,7 +3,7 @@
 %bg-image-art-01 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-art-01.jpg");
+  background-image: asset-url("bg-images/general/visual-art-01.webp");
 }
 
 //Culture
@@ -11,91 +11,91 @@
 %bg-image-culture-01 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-culture-01.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-01.webp");
 }
 
 .bg-image-culture-02,
 %bg-image-culture-02 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-culture-02.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-02.webp");
 }
 
 .bg-image-culture-03,
 %bg-image-culture-03 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-culture-03.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-03.webp");
 }
 
 .bg-image-culture-04,
 %bg-image-culture-04 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-culture-04.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-04.webp");
 }
 
 .bg-image-culture-05,
 %bg-image-culture-05 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-culture-05.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-05.webp");
 }
 
 .bg-image-culture-06,
 %bg-image-culture-06 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-culture-06.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-06.webp");
 }
 
 .bg-image-culture-07,
 %bg-image-culture-07 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-culture-07.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-07.webp");
 }
 
 .bg-image-culture-08,
 %bg-image-culture-08 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-culture-08.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-08.webp");
 }
 
 .bg-image-culture-09,
 %bg-image-culture-09 {
   background-blend-mode: multiply;
   background-color: $brand-petrol-50;
-  background-image: asset-url("bg-images/general/visual-culture-09.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-09.webp");
 }
 
 .bg-image-culture-10,
 %bg-image-culture-10 {
   background-blend-mode: multiply;
   background-color: $brand-petrol-50;
-  background-image: asset-url("bg-images/general/visual-culture-10.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-10.webp");
 }
 
 .bg-image-culture-11,
 %bg-image-culture-11 {
   background-blend-mode: multiply;
   background-color: $brand-petrol-50;
-  background-image: asset-url("bg-images/general/visual-culture-11.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-11.webp");
 }
 
 .bg-image-culture-12,
 %bg-image-culture-12 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-culture-12.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-12.webp");
 }
 
 .bg-image-culture-13,
 %bg-image-culture-13 {
   background-blend-mode: multiply;
   background-color: $brand-petrol-50;
-  background-image: asset-url("bg-images/general/visual-culture-13.jpg");
+  background-image: asset-url("bg-images/general/visual-culture-13.webp");
 }
 
 // Staff
@@ -103,7 +103,7 @@
 %bg-image-staff-01 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-staff-01.jpg");
+  background-image: asset-url("bg-images/general/visual-staff-01.webp");
 }
 
 //Podcast
@@ -111,7 +111,7 @@
 %bg-image-podcast-01 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-podcast.jpg");
+  background-image: asset-url("bg-images/general/visual-podcast.webp");
 }
 
 //Trainings
@@ -119,70 +119,70 @@
 %bg-image-trainings-01 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-trainings-01.jpg");
+  background-image: asset-url("bg-images/general/visual-trainings-01.webp");
 }
 
 .bg-image-trainings-02,
 %bg-image-trainings-02 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-trainings-02.jpg");
+  background-image: asset-url("bg-images/general/visual-trainings-02.webp");
 }
 
 .bg-image-trainings-03,
 %bg-image-trainings-03 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-trainings-03.jpg");
+  background-image: asset-url("bg-images/general/visual-trainings-03.webp");
 }
 
 .bg-image-trainings-04,
 %bg-image-trainings-04 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-trainings-04.jpg");
+  background-image: asset-url("bg-images/general/visual-trainings-04.webp");
 }
 
 .bg-image-trainings-05,
 %bg-image-trainings-05 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-trainings-05.jpg");
+  background-image: asset-url("bg-images/general/visual-trainings-05.webp");
 }
 
 .bg-image-trainings-06,
 %bg-image-trainings-06 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-trainings-06.jpg");
+  background-image: asset-url("bg-images/general/visual-trainings-06.webp");
 }
 
 .bg-image-trainings-07,
 %bg-image-trainings-07 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-trainings-07.jpg");
+  background-image: asset-url("bg-images/general/visual-trainings-07.webp");
 }
 
 .bg-image-trainings-08,
 %bg-image-trainings-08 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-trainings-08.jpg");
+  background-image: asset-url("bg-images/general/visual-trainings-08.webp");
 }
 
 .bg-image-trainings-09,
 %bg-image-trainings-09 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-trainings-09.jpg");
+  background-image: asset-url("bg-images/general/visual-trainings-09.webp");
 }
 
 .bg-image-trainings-10,
 %bg-image-trainings-10 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-trainings-10.jpg");
+  background-image: asset-url("bg-images/general/visual-trainings-10.webp");
 }
 
 // Workshops
@@ -190,119 +190,119 @@
 %bg-image-workshop-02 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-01.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-01.webp");
 }
 
 .bg-image-workshop-02,
 %bg-image-workshop-02 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-02.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-02.webp");
 }
 
 .bg-image-workshop-03,
 %bg-image-workshop-03 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-03.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-03.webp");
 }
 
 .bg-image-workshop-04,
 %bg-image-workshop-04 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-04.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-04.webp");
 }
 
 .bg-image-workshop-05,
 %bg-image-workshop-05 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-05.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-05.webp");
 }
 
 .bg-image-workshop-06,
 %bg-image-workshop-06 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-06.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-06.webp");
 }
 
 .bg-image-workshop-07,
 %bg-image-workshop-07 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-07.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-07.webp");
 }
 
 .bg-image-workshop-08,
 %bg-image-workshop-08 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-08.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-08.webp");
 }
 
 .bg-image-workshop-09,
 %bg-image-workshop-09 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-09.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-09.webp");
 }
 
 .bg-image-workshop-10,
 %bg-image-workshop-10 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-10.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-10.webp");
 }
 
 .bg-image-workshop-11,
 %bg-image-workshop-11 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-11.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-11.webp");
 }
 
 .bg-image-workshop-12,
 %bg-image-workshop-12 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-12.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-12.webp");
 }
 
 .bg-image-workshop-13,
 %bg-image-workshop-13 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-13.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-13.webp");
 }
 
 .bg-image-workshop-14,
 %bg-image-workshop-14 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-14.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-14.webp");
 }
 
 .bg-image-workshop-15,
 %bg-image-workshop-15 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-15.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-15.webp");
 }
 
 .bg-image-workshop-16,
 %bg-image-workshop-16 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-16.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-16.webp");
 }
 
 .bg-image-workshop-17,
 %bg-image-workshop-17 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/general/visual-workshop-17.jpg");
+  background-image: asset-url("bg-images/general/visual-workshop-17.webp");
 }
 
 // Edition Images Just change the image URLs for upcoming editions
@@ -310,161 +310,161 @@
 %bg-image-edition-01 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/edition-02/edition02-canyon-01.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-canyon-01.webp");
 }
 
 .bg-image-edition-02,
 %bg-image-edition-02 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/edition-02/edition02-canyon-02.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-canyon-02.webp");
 }
 
 .bg-image-edition-03,
 %bg-image-edition-03 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/edition-02/edition02-canyon-03.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-canyon-03.webp");
 }
 
 .bg-image-edition-04,
 %bg-image-edition-04 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/edition-02/edition02-canyon-04.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-canyon-04.webp");
 }
 
 .bg-image-edition-05,
 %bg-image-edition-05 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/edition-02/edition02-canyon-05.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-canyon-05.webp");
 }
 
 .bg-image-edition-06,
 %bg-image-edition-06 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/edition-02/edition02-cloth-01.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-cloth-01.webp");
 }
 
 .bg-image-edition-07,
 %bg-image-edition-07 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/edition-02/edition02-cloth-02.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-cloth-02.webp");
 }
 
 .bg-image-edition-08,
 %bg-image-edition-08 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/edition-02/edition02-cloth-03.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-cloth-03.webp");
 }
 
 .bg-image-edition-09,
 %bg-image-edition-09 {
   background-blend-mode: multiply;
   background-color: $brand-gray-25;
-  background-image: asset-url("bg-images/edition-02/edition02-cloth-04.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-cloth-04.webp");
 }
 
 .bg-image-edition-10,
 %bg-image-edition-10 {
   background-blend-mode: multiply;
   background-color: $brand-gray-75;
-  background-image: asset-url("bg-images/edition-02/edition02-data-01.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-data-01.webp");
 }
 
 .bg-image-edition-11,
 %bg-image-edition-11 {
   background-blend-mode: multiply;
   background-color: $brand-gray-75;
-  background-image: asset-url("bg-images/edition-02/edition02-data-02.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-data-02.webp");
 }
 
 .bg-image-edition-12,
 %bg-image-edition-12 {
   background-blend-mode: multiply;
   background-color: $brand-gray-75;
-  background-image: asset-url("bg-images/edition-02/edition02-data-03.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-data-03.webp");
 }
 
 .bg-image-edition-13,
 %bg-image-edition-13 {
   background-blend-mode: multiply;
   background-color: $brand-gray-75;
-  background-image: asset-url("bg-images/edition-02/edition02-data-04.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-data-04.webp");
 }
 
 .bg-image-edition-14,
 %bg-image-edition-14 {
   background-blend-mode: multiply;
   background-color: $brand-gray-75;
-  background-image: asset-url("bg-images/edition-02/edition02-data-05.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-data-05.webp");
 }
 
 .bg-image-edition-15,
 %bg-image-edition-15 {
   background-blend-mode: multiply;
   background-color: $brand-gray-50;
-  background-image: asset-url("bg-images/edition-02/edition02-data-06.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-data-06.webp");
 }
 
 .bg-image-edition-16,
 %bg-image-edition-16 {
   background-blend-mode: multiply;
   background-color: $brand-gray-50;
-  background-image: asset-url("bg-images/edition-02/edition02-human-01.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-human-01.webp");
 }
 
 .bg-image-edition-17,
 %bg-image-edition-17 {
   background-blend-mode: multiply;
   background-color: $brand-gray-50;
-  background-image: asset-url("bg-images/edition-02/edition02-human-02.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-human-02.webp");
 }
 
 .bg-image-edition-18,
 %bg-image-edition-18 {
   background-blend-mode: multiply;
   background-color: $brand-gray-50;
-  background-image: asset-url("bg-images/edition-02/edition02-human-03.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-human-03.webp");
 }
 
 .bg-image-edition-19,
 %bg-image-edition-19 {
   background-blend-mode: multiply;
   background-color: $brand-gray-50;
-  background-image: asset-url("bg-images/edition-02/edition02-human-04.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-human-04.webp");
 }
 
 .bg-image-edition-20,
 %bg-image-edition-20 {
   background-blend-mode: multiply;
   background-color: $brand-gray-50;
-  background-image: asset-url("bg-images/edition-02/edition02-human-05.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-human-05.webp");
 }
 
 .bg-image-edition-21,
 %bg-image-edition-21 {
   background-blend-mode: multiply;
   background-color: $brand-gray-50;
-  background-image: asset-url("bg-images/edition-02/edition02-human-06.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-human-06.webp");
 }
 
 .bg-image-edition-22,
 %bg-image-edition-22 {
   background-blend-mode: multiply;
   background-color: $brand-gray-50;
-  background-image: asset-url("bg-images/edition-02/edition02-human-07.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-human-07.webp");
 }
 
 .bg-image-edition-23,
 %bg-image-edition-23 {
   background-blend-mode: multiply;
   background-color: $brand-gray-50;
-  background-image: asset-url("bg-images/edition-02/edition02-human-08.jpg");
+  background-image: asset-url("bg-images/edition-02/edition02-human-08.webp");
 }
 
 // Demo Classes for bg images
diff --git a/lib/images/bg-images/edition-02/edition02-canyon-01.webp b/lib/images/bg-images/edition-02/edition02-canyon-01.webp
new file mode 100644
index 000000000..5b5954fd8
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-canyon-01.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e6a2b89a568048bf07038635d84e91451d52ff5388353d7f2bc6f21a7fad825d
+size 54954
diff --git a/lib/images/bg-images/edition-02/edition02-canyon-02.webp b/lib/images/bg-images/edition-02/edition02-canyon-02.webp
new file mode 100644
index 000000000..2025629eb
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-canyon-02.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c21d46207420e15d67f0a450da25282d6101117e0077723edd35514eabf15344
+size 22332
diff --git a/lib/images/bg-images/edition-02/edition02-canyon-03.webp b/lib/images/bg-images/edition-02/edition02-canyon-03.webp
new file mode 100644
index 000000000..1de52b456
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-canyon-03.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2c405a0f932653f0efa6e0e6b578fabbeaabe3170fb5bc444827416e941d6408
+size 33992
diff --git a/lib/images/bg-images/edition-02/edition02-canyon-04.webp b/lib/images/bg-images/edition-02/edition02-canyon-04.webp
new file mode 100644
index 000000000..ff6cca95e
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-canyon-04.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ce9257a678215dfd12bf7511cd9928006b56ac87c7d539df8b90a4e758261193
+size 31290
diff --git a/lib/images/bg-images/edition-02/edition02-canyon-05.webp b/lib/images/bg-images/edition-02/edition02-canyon-05.webp
new file mode 100644
index 000000000..16c747ef9
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-canyon-05.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c06619c80b9bd6bee845b2388b43af164b3a57d2621f2c641b19e51e5e6b4df9
+size 39030
diff --git a/lib/images/bg-images/edition-02/edition02-cloth-01.webp b/lib/images/bg-images/edition-02/edition02-cloth-01.webp
new file mode 100644
index 000000000..ee26ebac3
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-cloth-01.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:be767bace859b8a4f7285602d3fc814481d5e473cd518eee28f5574f9942b688
+size 60956
diff --git a/lib/images/bg-images/edition-02/edition02-cloth-02.webp b/lib/images/bg-images/edition-02/edition02-cloth-02.webp
new file mode 100644
index 000000000..012c8dc1a
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-cloth-02.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7a5806a3d9e48ca34c123360de5a0370edfae71b70cef0d2eac88b9ab2e39675
+size 97238
diff --git a/lib/images/bg-images/edition-02/edition02-cloth-03.webp b/lib/images/bg-images/edition-02/edition02-cloth-03.webp
new file mode 100644
index 000000000..4a0bdd150
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-cloth-03.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ed7c082dcbd34fcdbbdb282e9d585cababe097bd6ce56489ad100259e24bdf60
+size 62010
diff --git a/lib/images/bg-images/edition-02/edition02-cloth-04.webp b/lib/images/bg-images/edition-02/edition02-cloth-04.webp
new file mode 100644
index 000000000..928dfc4ef
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-cloth-04.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d312aed57b8b61701ad5ab36101ba7372f6c2511ac9b25f4c57f2cdda786e6e9
+size 94106
diff --git a/lib/images/bg-images/edition-02/edition02-data-01.webp b/lib/images/bg-images/edition-02/edition02-data-01.webp
new file mode 100644
index 000000000..7e1a4a5f6
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-data-01.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:55aa548be0cb6c91b469fe3493edbfb5a031c0b6331be0636a76e4a5f0448366
+size 74012
diff --git a/lib/images/bg-images/edition-02/edition02-data-02.webp b/lib/images/bg-images/edition-02/edition02-data-02.webp
new file mode 100644
index 000000000..53f1b148d
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-data-02.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:79e2f7e79788e72e9d0b4fadd755c7491d30b0d0cc4855c063cceb98c83e77d9
+size 103872
diff --git a/lib/images/bg-images/edition-02/edition02-data-03.webp b/lib/images/bg-images/edition-02/edition02-data-03.webp
new file mode 100644
index 000000000..61a614dce
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-data-03.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:49465612336377c1d3028f5778278d6eb39c663208406a2495b2509ed398976d
+size 100090
diff --git a/lib/images/bg-images/edition-02/edition02-data-04.webp b/lib/images/bg-images/edition-02/edition02-data-04.webp
new file mode 100644
index 000000000..724f4b158
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-data-04.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:982b3182c7292e92af8301c50a1d7737550101a1844ba27727ce16dc00dbfac3
+size 121978
diff --git a/lib/images/bg-images/edition-02/edition02-data-05.webp b/lib/images/bg-images/edition-02/edition02-data-05.webp
new file mode 100644
index 000000000..d52a11755
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-data-05.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:21a94bb111db10e26c2b796e9070e19e3fe94ed3f63fadbb3bf829854265fecb
+size 70188
diff --git a/lib/images/bg-images/edition-02/edition02-data-06.webp b/lib/images/bg-images/edition-02/edition02-data-06.webp
new file mode 100644
index 000000000..35a622952
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-data-06.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:af5a6b29f28cd8aee599f1eb87407f98f1cbd1f81052a3edfb018997b9e5e7ab
+size 41848
diff --git a/lib/images/bg-images/edition-02/edition02-human-01.webp b/lib/images/bg-images/edition-02/edition02-human-01.webp
new file mode 100644
index 000000000..3834a1dea
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-human-01.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:47a792532e8ce99ec6c669b83181dc9e454f632272cf2455a3e108e15b5e20d3
+size 140380
diff --git a/lib/images/bg-images/edition-02/edition02-human-02.webp b/lib/images/bg-images/edition-02/edition02-human-02.webp
new file mode 100644
index 000000000..30bd7c84f
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-human-02.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5f4a7bad025d96f4db5307817d13f20bb32412bd4f7e678617f7e3134d0da0fd
+size 168378
diff --git a/lib/images/bg-images/edition-02/edition02-human-03.webp b/lib/images/bg-images/edition-02/edition02-human-03.webp
new file mode 100644
index 000000000..051f32927
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-human-03.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7bcfc95025f77b53205fd20e91fc88426aa8717aa4f696df6be30eaac5c051fd
+size 89830
diff --git a/lib/images/bg-images/edition-02/edition02-human-04.webp b/lib/images/bg-images/edition-02/edition02-human-04.webp
new file mode 100644
index 000000000..33269fb01
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-human-04.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c5768f3ca0b5d745b4abee0a2baa0b03b4759bc173642a7c35cc5706e25e45c9
+size 107376
diff --git a/lib/images/bg-images/edition-02/edition02-human-05.webp b/lib/images/bg-images/edition-02/edition02-human-05.webp
new file mode 100644
index 000000000..676e4406c
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-human-05.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:48267ba16e0dd53dccb30ecee1f7aee6389ce43b347d12cfd0dfc053b675dbd8
+size 128066
diff --git a/lib/images/bg-images/edition-02/edition02-human-06.webp b/lib/images/bg-images/edition-02/edition02-human-06.webp
new file mode 100644
index 000000000..43d587cce
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-human-06.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:443a7e0412757b8b890bf7e386ecc15ae4b93523e81f1659b2c793e9166d5136
+size 148142
diff --git a/lib/images/bg-images/edition-02/edition02-human-07.webp b/lib/images/bg-images/edition-02/edition02-human-07.webp
new file mode 100644
index 000000000..3f14bee06
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-human-07.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3a289ab6e481fc6c0d28beea688e721735ccfe39e12dfb892fc298da6e7364ae
+size 139714
diff --git a/lib/images/bg-images/edition-02/edition02-human-08.webp b/lib/images/bg-images/edition-02/edition02-human-08.webp
new file mode 100644
index 000000000..a45917375
--- /dev/null
+++ b/lib/images/bg-images/edition-02/edition02-human-08.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:19e90387bc1e6036597b807fc594610338f686bc0e28b57603e131d8c3e38ee3
+size 184412
diff --git a/lib/images/bg-images/general/visual-art-01.webp b/lib/images/bg-images/general/visual-art-01.webp
new file mode 100644
index 000000000..21c96d01a
--- /dev/null
+++ b/lib/images/bg-images/general/visual-art-01.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:527fa2f62f9304eca243e7bc9b6ed2ed85f6463720ebb5d96ff4ab7785175dbd
+size 103768
diff --git a/lib/images/bg-images/general/visual-culture-01.webp b/lib/images/bg-images/general/visual-culture-01.webp
new file mode 100644
index 000000000..9287c69b0
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-01.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f4c7e970bef6cda3c970c43e81148c01bf8b26184661e95ac8492a0fd4168294
+size 386528
diff --git a/lib/images/bg-images/general/visual-culture-02.webp b/lib/images/bg-images/general/visual-culture-02.webp
new file mode 100644
index 000000000..95863709b
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-02.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:af99d6dc6360b11ed59cc318681c9d16574f85e5f5daabe0cfec91b416e40fe9
+size 82686
diff --git a/lib/images/bg-images/general/visual-culture-03.webp b/lib/images/bg-images/general/visual-culture-03.webp
new file mode 100644
index 000000000..a087545fb
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-03.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e7a44744de5b6c275f9083015cd2a84146f56dc26b3f2eb703af3fb3ba83ba6c
+size 333192
diff --git a/lib/images/bg-images/general/visual-culture-04.webp b/lib/images/bg-images/general/visual-culture-04.webp
new file mode 100644
index 000000000..abcbc98c5
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-04.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2aae81560753b788353fa43fb706ceea54427e280885448472370c974895bd88
+size 80930
diff --git a/lib/images/bg-images/general/visual-culture-05.webp b/lib/images/bg-images/general/visual-culture-05.webp
new file mode 100644
index 000000000..185273b81
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-05.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b12999afaa92dcadc12e9c043f496d4ba6e2d7596a74cabffb5dd9f1ccb63c5b
+size 46768
diff --git a/lib/images/bg-images/general/visual-culture-06.webp b/lib/images/bg-images/general/visual-culture-06.webp
new file mode 100644
index 000000000..511548734
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-06.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d51fa09ad656b67d98794996bc8523335b92b17829a99b0723ef0d76b2bc3891
+size 61234
diff --git a/lib/images/bg-images/general/visual-culture-07.webp b/lib/images/bg-images/general/visual-culture-07.webp
new file mode 100644
index 000000000..067c528a8
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-07.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:128940f7571809e8171b557f10d0d5dee9f024549c686363f92454413e0c065e
+size 533378
diff --git a/lib/images/bg-images/general/visual-culture-08.webp b/lib/images/bg-images/general/visual-culture-08.webp
new file mode 100644
index 000000000..4a9e4543e
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-08.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cb2e394000f95f515467da313ed55e3f603192d98bee49112314e09809e2a692
+size 98738
diff --git a/lib/images/bg-images/general/visual-culture-09.webp b/lib/images/bg-images/general/visual-culture-09.webp
new file mode 100644
index 000000000..93a7f756f
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-09.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ca938b84b94138c69feca6bf881b277be03ddcc6d6e53f65f8ee37d11f430a17
+size 151538
diff --git a/lib/images/bg-images/general/visual-culture-10.webp b/lib/images/bg-images/general/visual-culture-10.webp
new file mode 100644
index 000000000..4edfb0c90
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-10.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:df1da36ba1d0fa2703297ed8cac9d0f490a20c0c83324460d7a44242d36dcc0a
+size 55974
diff --git a/lib/images/bg-images/general/visual-culture-11.webp b/lib/images/bg-images/general/visual-culture-11.webp
new file mode 100644
index 000000000..893c8c585
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-11.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b4492599f36b3fbade9f4bbdfc5f893dc8304f9e182b3550917c9fdafe72cc85
+size 37488
diff --git a/lib/images/bg-images/general/visual-culture-12.webp b/lib/images/bg-images/general/visual-culture-12.webp
new file mode 100644
index 000000000..aae9cb71c
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-12.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:43ff4e37820b9af154d96ddea5fca57def557e2ef287cdeb4c6f74590dde25ec
+size 126480
diff --git a/lib/images/bg-images/general/visual-culture-13.jpg b/lib/images/bg-images/general/visual-culture-13.jpg
index d6e5d95bb..e18242975 100644
--- a/lib/images/bg-images/general/visual-culture-13.jpg
+++ b/lib/images/bg-images/general/visual-culture-13.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b84e4d75c81ed43a91421a8e1cfc3f9fc417a2d42357bc7d3b7d23f630aa8b8b
-size 968888
+oid sha256:54268bfcd789f3813da6e6b0b311651e5a54b5c1fe9e8ef4c5c7ce9a1a82a3b2
+size 453424
diff --git a/lib/images/bg-images/general/visual-culture-13.webp b/lib/images/bg-images/general/visual-culture-13.webp
new file mode 100644
index 000000000..a0f0ef187
--- /dev/null
+++ b/lib/images/bg-images/general/visual-culture-13.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6899a614d5d1c679f1527e70672b25ecd48f8d6bf1ad5cd9ec41f7f8b7e62235
+size 170014
diff --git a/lib/images/bg-images/general/visual-podcast.webp b/lib/images/bg-images/general/visual-podcast.webp
new file mode 100644
index 000000000..52fb080ca
--- /dev/null
+++ b/lib/images/bg-images/general/visual-podcast.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fb64bf2633c214d3d864efef4c991346b54ba9934d8596869fb2367cdea1f138
+size 118672
diff --git a/lib/images/bg-images/general/visual-staff-01.webp b/lib/images/bg-images/general/visual-staff-01.webp
new file mode 100644
index 000000000..edde3b764
--- /dev/null
+++ b/lib/images/bg-images/general/visual-staff-01.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e9245bdf2b721f737d67919b57c5a944664ef7954434c851c08ee202d51af756
+size 99882
diff --git a/lib/images/bg-images/general/visual-trainings-01.webp b/lib/images/bg-images/general/visual-trainings-01.webp
new file mode 100644
index 000000000..20d87fe80
--- /dev/null
+++ b/lib/images/bg-images/general/visual-trainings-01.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:170f00bdf77ddc11648da4c32b5d641e5c0b8423a1a14a0ec55b385ffd66fdcf
+size 108262
diff --git a/lib/images/bg-images/general/visual-trainings-02.webp b/lib/images/bg-images/general/visual-trainings-02.webp
new file mode 100644
index 000000000..8ca15af54
--- /dev/null
+++ b/lib/images/bg-images/general/visual-trainings-02.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e2464c9de70323a6e4b3400a567e086049379bcaa2759ffe6d9e4162a5b207d7
+size 111564
diff --git a/lib/images/bg-images/general/visual-trainings-03.webp b/lib/images/bg-images/general/visual-trainings-03.webp
new file mode 100644
index 000000000..38b1c7440
--- /dev/null
+++ b/lib/images/bg-images/general/visual-trainings-03.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2d1bb6629fe6f3f05521ad5e277880f481dd69a3d917a82a50d7693f4af3905a
+size 117838
diff --git a/lib/images/bg-images/general/visual-trainings-04.webp b/lib/images/bg-images/general/visual-trainings-04.webp
new file mode 100644
index 000000000..92e46b92d
--- /dev/null
+++ b/lib/images/bg-images/general/visual-trainings-04.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f1450985cde8da84c1b17dcc63a82823a8e666d28ccacafc9e941a3fac602171
+size 38490
diff --git a/lib/images/bg-images/general/visual-trainings-05.webp b/lib/images/bg-images/general/visual-trainings-05.webp
new file mode 100644
index 000000000..bffb0ea93
--- /dev/null
+++ b/lib/images/bg-images/general/visual-trainings-05.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:007eca0ebc297a826c75f6f07d7e0cff9dce67178e9cea041cc30df1f383f29a
+size 119590
diff --git a/lib/images/bg-images/general/visual-trainings-06.webp b/lib/images/bg-images/general/visual-trainings-06.webp
new file mode 100644
index 000000000..2603679cb
--- /dev/null
+++ b/lib/images/bg-images/general/visual-trainings-06.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2604075a3cc8328332d1d0a686216c73b986477e467e3642b88f4384c18522f2
+size 147084
diff --git a/lib/images/bg-images/general/visual-trainings-07.webp b/lib/images/bg-images/general/visual-trainings-07.webp
new file mode 100644
index 000000000..38f4f306c
--- /dev/null
+++ b/lib/images/bg-images/general/visual-trainings-07.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:124b904939f1e4f1783134e6ad3a7967d41ce6a0ee907ad1ac327cef4f722489
+size 109578
diff --git a/lib/images/bg-images/general/visual-trainings-08.jpg b/lib/images/bg-images/general/visual-trainings-08.jpg
index 2dc855810..5d7719a6c 100644
--- a/lib/images/bg-images/general/visual-trainings-08.jpg
+++ b/lib/images/bg-images/general/visual-trainings-08.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c1d4671abcee1dab2469341480c10941cfe4946c730852fed42550aa3d2f2a53
-size 1667376
+oid sha256:b2b14de1f8a8a9d01cdb31ccf140de0bdbddd4f1615aa92cfea2edd618d87e9d
+size 366572
diff --git a/lib/images/bg-images/general/visual-trainings-08.webp b/lib/images/bg-images/general/visual-trainings-08.webp
new file mode 100644
index 000000000..e695abbac
--- /dev/null
+++ b/lib/images/bg-images/general/visual-trainings-08.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5562d9dc656966c6f46f70bfb883c5b007b93891880aceffa8c401eab32c56e7
+size 228102
diff --git a/lib/images/bg-images/general/visual-trainings-09.jpg b/lib/images/bg-images/general/visual-trainings-09.jpg
index fe64e4fbe..1e7dcd905 100644
--- a/lib/images/bg-images/general/visual-trainings-09.jpg
+++ b/lib/images/bg-images/general/visual-trainings-09.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5e4c0ea8cec644a74d0d489caaf71462922fed1721eab40db70751df13dfd31c
-size 1248407
+oid sha256:6c02ef620a5644fda0445e8f20ca240223abc23a9e2bbad23e6ae3b08b70bce3
+size 195025
diff --git a/lib/images/bg-images/general/visual-trainings-09.webp b/lib/images/bg-images/general/visual-trainings-09.webp
new file mode 100644
index 000000000..ba0cd5372
--- /dev/null
+++ b/lib/images/bg-images/general/visual-trainings-09.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d7199ccbae5e00186f057b27f2509adc7516d9b6b1bd8bf004499ac1859d7a08
+size 79226
diff --git a/lib/images/bg-images/general/visual-trainings-10.jpg b/lib/images/bg-images/general/visual-trainings-10.jpg
index 319318275..96246ee6c 100644
--- a/lib/images/bg-images/general/visual-trainings-10.jpg
+++ b/lib/images/bg-images/general/visual-trainings-10.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f552e8f2722ce71c59c72f953debf79334a98e7627ae1236cbe319a6b170460e
-size 1169210
+oid sha256:a60939a20b5b1eaddc47b29e030c2fc4e62b1cad048750fff1ba421f79910131
+size 188018
diff --git a/lib/images/bg-images/general/visual-trainings-10.webp b/lib/images/bg-images/general/visual-trainings-10.webp
new file mode 100644
index 000000000..82329bc13
--- /dev/null
+++ b/lib/images/bg-images/general/visual-trainings-10.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1a2b0a99d5f73bf8e5d04d7b7512878b467cb8af3e567cf0a3832992e442a0df
+size 74434
diff --git a/lib/images/bg-images/general/visual-workshop-01.webp b/lib/images/bg-images/general/visual-workshop-01.webp
new file mode 100644
index 000000000..d1f26162d
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-01.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:efdf4e42ead396efe88d5049d230f5fb33725d53fade3f6cc0db595e2eea6017
+size 27992
diff --git a/lib/images/bg-images/general/visual-workshop-02.webp b/lib/images/bg-images/general/visual-workshop-02.webp
new file mode 100644
index 000000000..ba25aee6c
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-02.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5c3b831c04982cbc4246e3327d843084153665232a2c492f73d3e54d67cc603b
+size 38296
diff --git a/lib/images/bg-images/general/visual-workshop-03.webp b/lib/images/bg-images/general/visual-workshop-03.webp
new file mode 100644
index 000000000..7b510a2d9
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-03.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:076a16e1f2ea84de702bfca5951396d31e3772da1c146a2ba44f24bff0eab002
+size 63284
diff --git a/lib/images/bg-images/general/visual-workshop-04.webp b/lib/images/bg-images/general/visual-workshop-04.webp
new file mode 100644
index 000000000..3d0992c26
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-04.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2d994a4fbf0b4803a0d81a0dbfbedbf727f70d57f2e2ad6ecb6a62fd243d0a14
+size 41874
diff --git a/lib/images/bg-images/general/visual-workshop-05.webp b/lib/images/bg-images/general/visual-workshop-05.webp
new file mode 100644
index 000000000..4b0ad3dbb
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-05.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f211647f2b09767226194fbbfed2b73129aeb3ec29d8bc43424f13938334bf61
+size 35036
diff --git a/lib/images/bg-images/general/visual-workshop-06.webp b/lib/images/bg-images/general/visual-workshop-06.webp
new file mode 100644
index 000000000..50bb5f205
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-06.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0cc6c017584d979b6254f75846319d6cf4471769b433a92b04b672d231e28c9f
+size 100794
diff --git a/lib/images/bg-images/general/visual-workshop-07.webp b/lib/images/bg-images/general/visual-workshop-07.webp
new file mode 100644
index 000000000..166e62376
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-07.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3c5e905f8a584367b6d06bf30edc4e4076001767c08dc18b25654fce6c388056
+size 81502
diff --git a/lib/images/bg-images/general/visual-workshop-08.webp b/lib/images/bg-images/general/visual-workshop-08.webp
new file mode 100644
index 000000000..1d22ef3c5
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-08.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d21553b4a7bab40943c832a612b3da57b54a8f9cdc667e39e2dbdeb1e0542fef
+size 58062
diff --git a/lib/images/bg-images/general/visual-workshop-09.webp b/lib/images/bg-images/general/visual-workshop-09.webp
new file mode 100644
index 000000000..d43840ead
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-09.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a80abf22315c56606bcb073ff6876cfae1b369fc175d94322b81452da62c2877
+size 70916
diff --git a/lib/images/bg-images/general/visual-workshop-10.webp b/lib/images/bg-images/general/visual-workshop-10.webp
new file mode 100644
index 000000000..43573c171
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-10.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:403d99addf5ea6b816c33d0e5d70a456e6a67b665a377065f303219e7d57f099
+size 31882
diff --git a/lib/images/bg-images/general/visual-workshop-11.webp b/lib/images/bg-images/general/visual-workshop-11.webp
new file mode 100644
index 000000000..ff21d7f1e
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-11.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:be3051bb9bafd5112f4bfce4c34e0216683af7a1bf30d29cde764261b6ac75df
+size 71906
diff --git a/lib/images/bg-images/general/visual-workshop-12.webp b/lib/images/bg-images/general/visual-workshop-12.webp
new file mode 100644
index 000000000..97162cbd1
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-12.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3c4be7222a56aec198b206b1228c7c74b30b9ee5f10ca68c6c5f352de034d154
+size 51312
diff --git a/lib/images/bg-images/general/visual-workshop-13.webp b/lib/images/bg-images/general/visual-workshop-13.webp
new file mode 100644
index 000000000..eaf671d50
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-13.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3c6766ba9877b2d446facedeef818e40f8fbd3bfed9eeb719ae052a2ea367ef3
+size 65932
diff --git a/lib/images/bg-images/general/visual-workshop-14.webp b/lib/images/bg-images/general/visual-workshop-14.webp
new file mode 100644
index 000000000..4f56dd29a
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-14.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ceb27ccadb1421b74a622d8bf1e4b661f7c844e8538a1dda8b7b9c4fe4751273
+size 91460
diff --git a/lib/images/bg-images/general/visual-workshop-15.webp b/lib/images/bg-images/general/visual-workshop-15.webp
new file mode 100644
index 000000000..e9e1872ae
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-15.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7ea54dce21af8cc55084d62f7d70a7ab99c39375322752d13449b1a97495eb98
+size 54690
diff --git a/lib/images/bg-images/general/visual-workshop-16.webp b/lib/images/bg-images/general/visual-workshop-16.webp
new file mode 100644
index 000000000..fa2018628
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-16.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:93fd7a17a7b6b7069d73b039ad45a1013e03f9de0e2bf0446f8691f650bf8873
+size 66950
diff --git a/lib/images/bg-images/general/visual-workshop-17.webp b/lib/images/bg-images/general/visual-workshop-17.webp
new file mode 100644
index 000000000..226d0aaa8
--- /dev/null
+++ b/lib/images/bg-images/general/visual-workshop-17.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:99b138798df83e92595acb3a4cd5a6f0b60e6ca68d131316dcdc5a9b9f40bb5e
+size 48458
diff --git a/lib/images/people/andre-kemper.webp b/lib/images/people/andre-kemper.webp
new file mode 100644
index 000000000..904e6be6b
--- /dev/null
+++ b/lib/images/people/andre-kemper.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:044892744552b4d85fad32d520fa369bd2c91f811a849df857a062005e70941b
+size 76662
diff --git a/lib/images/people/andreas-maier.webp b/lib/images/people/andreas-maier.webp
new file mode 100644
index 000000000..862e09a2c
--- /dev/null
+++ b/lib/images/people/andreas-maier.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dcdee25d2407b3ba819f759f0516f64780a5c696345d44a5381a654a649842af
+size 59752
diff --git a/lib/images/people/anja-kammer.webp b/lib/images/people/anja-kammer.webp
new file mode 100644
index 000000000..9ecd56ac8
--- /dev/null
+++ b/lib/images/people/anja-kammer.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f5222d2e5a5d9b95e2be1f7c2945ad36cc116457d8c01459876c5f838996dde4
+size 40048
diff --git a/lib/images/people/benjamin-wolf.webp b/lib/images/people/benjamin-wolf.webp
new file mode 100644
index 000000000..a9d0b3da0
--- /dev/null
+++ b/lib/images/people/benjamin-wolf.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0c3983399183fd5848772547350691a4c45257da7ec9cb0b6c2c8100c372a85b
+size 51874
diff --git a/lib/images/people/melanie-schaefer.webp b/lib/images/people/melanie-schaefer.webp
new file mode 100644
index 000000000..dc3af5268
--- /dev/null
+++ b/lib/images/people/melanie-schaefer.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b395a99746b7b8d20325701557ba8db6bfbddb63bc3e9dab67620c0c1388d990
+size 173694
diff --git a/lib/images/people/uschi-nettersheim.webp b/lib/images/people/uschi-nettersheim.webp
new file mode 100644
index 000000000..664205ac6
--- /dev/null
+++ b/lib/images/people/uschi-nettersheim.webp
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3f92c9d87f63be9eb5f9924a256ec18ddc5f73d928fec66774ef7ef6cf0fa299
+size 240596