diff --git a/.github/workflows/chapter-1-workflow.yml b/.github/workflows/chapter-1-workflow.yml
index 4364d21a..2473f564 100644
--- a/.github/workflows/chapter-1-workflow.yml
+++ b/.github/workflows/chapter-1-workflow.yml
@@ -25,7 +25,7 @@ jobs:
       - name: Setup .NET
         uses: actions/setup-dotnet@v3
         with:
-          dotnet-version: 8.0.x
+          dotnet-version: 9.0.x
       - name: Restore dependencies
         run: dotnet restore
       - name: Build
@@ -43,7 +43,7 @@ jobs:
       - name: Setup .NET
         uses: actions/setup-dotnet@v3
         with:
-          dotnet-version: 8.0.x
+          dotnet-version: 9.0.x
       - name: Restore dependencies
         run: dotnet restore
       - name: Test
diff --git a/Chapter-1-initial-architecture/README.adoc b/Chapter-1-initial-architecture/README.adoc
index a9a28f35..a43645fa 100644
--- a/Chapter-1-initial-architecture/README.adoc
+++ b/Chapter-1-initial-architecture/README.adoc
@@ -3,7 +3,11 @@
 
 ++++
 <div align="center">
-  <img src="../Assets/ea_banner.png" width="350" align="center" height="350" alt="ea banner">
+  <picture>
+    <source srcset="../Assets/ea_banner_dark.png" media="(prefers-color-scheme: dark)">
+    <source srcset="../Assets/ea_banner_light.png" media="(prefers-color-scheme: light)">
+    <img src="../Assets/ea_banner_light.png" width="350" height="350" alt="ea banner">
+  </picture>
 </div>
 ++++
 
diff --git a/Chapter-2-modules-separation/README.adoc b/Chapter-2-modules-separation/README.adoc
index 00bcfd62..3db4a59a 100644
--- a/Chapter-2-modules-separation/README.adoc
+++ b/Chapter-2-modules-separation/README.adoc
@@ -3,7 +3,11 @@
 
 ++++
 <div align="center">
-  <img src="../Assets/ea_banner.png" width="350" align="center" height="350" alt="ea banner">
+  <picture>
+    <source srcset="../Assets/ea_banner_dark.png" media="(prefers-color-scheme: dark)">
+    <source srcset="../Assets/ea_banner_light.png" media="(prefers-color-scheme: light)">
+    <img src="../Assets/ea_banner_light.png" width="350" height="350" alt="ea banner">
+  </picture>
 </div>
 ++++
 
diff --git a/Chapter-3-microservice-extraction/README.adoc b/Chapter-3-microservice-extraction/README.adoc
index 361bf0d0..3021346d 100644
--- a/Chapter-3-microservice-extraction/README.adoc
+++ b/Chapter-3-microservice-extraction/README.adoc
@@ -3,7 +3,11 @@
 
 ++++
 <div align="center">
-  <img src="../Assets/ea_banner.png" width="350" align="center" height="350" alt="ea banner">
+  <picture>
+    <source srcset="../Assets/ea_banner_dark.png" media="(prefers-color-scheme: dark)">
+    <source srcset="../Assets/ea_banner_light.png" media="(prefers-color-scheme: light)">
+    <img src="../Assets/ea_banner_light.png" width="350" height="350" alt="ea banner">
+  </picture>
 </div>
 ++++
 
diff --git a/Chapter-4-applying-tactical-domain-driven-design/README.adoc b/Chapter-4-applying-tactical-domain-driven-design/README.adoc
index a9064a9f..87162c10 100644
--- a/Chapter-4-applying-tactical-domain-driven-design/README.adoc
+++ b/Chapter-4-applying-tactical-domain-driven-design/README.adoc
@@ -3,7 +3,11 @@
 
 ++++
 <div align="center">
-  <img src="../Assets/ea_banner.png" width="350" align="center" height="350" alt="ea banner">
+  <picture>
+    <source srcset="../Assets/ea_banner_dark.png" media="(prefers-color-scheme: dark)">
+    <source srcset="../Assets/ea_banner_light.png" media="(prefers-color-scheme: light)">
+    <img src="../Assets/ea_banner_light.png" width="350" height="350" alt="ea banner">
+  </picture>
 </div>
 ++++