diff --git a/docs/img/gif/ai_dev_center.gif b/docs/img/gif/ai_dev_center.gif
new file mode 100644
index 00000000..7a76737a
Binary files /dev/null and b/docs/img/gif/ai_dev_center.gif differ
diff --git a/docs/img/gif/ai_dev_center_dark.gif b/docs/img/gif/ai_dev_center_dark.gif
new file mode 100644
index 00000000..ab5a4efb
Binary files /dev/null and b/docs/img/gif/ai_dev_center_dark.gif differ
diff --git a/docs/img/gif/genai_engine.gif b/docs/img/gif/genai_engine.gif
new file mode 100644
index 00000000..ba55a4e9
Binary files /dev/null and b/docs/img/gif/genai_engine.gif differ
diff --git a/docs/img/gif/genai_engine_dark.gif b/docs/img/gif/genai_engine_dark.gif
new file mode 100644
index 00000000..767dada5
Binary files /dev/null and b/docs/img/gif/genai_engine_dark.gif differ
diff --git a/docs/img/gif/infra_control_plane.gif b/docs/img/gif/infra_control_plane.gif
new file mode 100644
index 00000000..bb5b524b
Binary files /dev/null and b/docs/img/gif/infra_control_plane.gif differ
diff --git a/docs/img/gif/infra_control_plane_dark.gif b/docs/img/gif/infra_control_plane_dark.gif
new file mode 100644
index 00000000..92e3bc10
Binary files /dev/null and b/docs/img/gif/infra_control_plane_dark.gif differ
diff --git a/docs/overview.md b/docs/overview.md
index 36516106..30def50c 100644
--- a/docs/overview.md
+++ b/docs/overview.md
@@ -14,7 +14,8 @@ Welcome to the documentation for ClearML, the end to end platform for streamlini
 
 Each layer provides distinct functionality to ensure an efficient and scalable AI workflow from development to deployment.
 
-![Webapp gif](img/gif/webapp_screenshots.gif)
+![Webapp gif](img/gif/webapp_screenshots.gif#light-mode-only)
+![Webapp gif](img/gif/webapp_screenshots_dark.gif#dark-mode-only)
 
 ---
 
@@ -29,6 +30,9 @@ Utilizing the Infrastructure Control Plane, DevOps and IT teams can manage and o
 - **Cost Optimization:** Consolidate cloud and on-prem compute into a seamless GPUaaS offering 
 - **Deployment Flexibility:** Easily run your workloads on both cloud and on-premises compute.
 
+![Infrastructure control plane](img/gif/infra_control_plane.gif#light-mode-only)
+![Infrastructure control plane](img/gif/infra_control_plane_dark.gif#dark-mode-only)
+
 ---
 
 ## AI Development Center
@@ -41,6 +45,9 @@ The AI Development Center offers a robust environment for developing, training,
 - **Experiment Tracking:** Track metrics, artifacts and log. manage versions, and compare results.
 - **Workflow Automation:** Build pipelines to formalize your workflow
 
+![AI Dev center](img/gif/ai_dev_center.gif#light-mode-only)
+![AI Dev center](img/gif/ai_dev_center_dark.gif#dark-mode-only)
+
 ---
 
 ## GenAI App Engine
@@ -52,6 +59,9 @@ The GenAI App Engine is designed to deploy large language models (LLM) into GPU
 - **Networking and Authentication:** Deploy GenAI through secure, authenticated network endpoints
 - **RBAC:** Implement RBAC to control access to deployed services.
 
+![GenAI engine](img/gif/genai_engine.gif#light-mode-only)
+![GenAI engine](img/gif/genai_engine_dark.gif#dark-mode-only)
+
 ---
 
 ## Getting Started