diff --git a/packages/docs/astro.config.mjs b/packages/docs/astro.config.mjs
index a53bc96f..b778bd45 100644
--- a/packages/docs/astro.config.mjs
+++ b/packages/docs/astro.config.mjs
@@ -3,6 +3,7 @@ import starlight from '@astrojs/starlight'
 import react from '@astrojs/react'
 import tailwind from '@astrojs/tailwind'
 import cookieconsent from '@jop-software/astro-cookieconsent'
+import starlightImageZoom from 'starlight-image-zoom'
 import {openSourceMenu, oramaCloudMenu, head, cookieConsentConfig } from './config'
 
 // https://astro.build/config
@@ -27,7 +28,7 @@ export default defineConfig({
   integrations: [
     starlight({
       pagefind: false,
-      plugins: [],
+      plugins: [starlightImageZoom()],
       title: 'Orama Docs',
       description: 'Your product answer engine. Unlimited full-text search, embeddings generations and more. Help your users find the right answers, faster.',
       favicon: '/favicon.png',
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 1a160196..5336a4ed 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -39,6 +39,7 @@
     "canvaskit-wasm": "^0.39.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "starlight-image-zoom": "^0.8.0",
     "starlight-showcases": "^0.2.0",
     "tailwindcss": "^3.4.4",
     "vanilla-cookieconsent": "^3.0.1"
diff --git a/packages/docs/src/content/docs/cloud/data-sources/introduction-to-data-sources.mdx b/packages/docs/src/content/docs/cloud/data-sources/introduction-to-data-sources.mdx
index 4aa4f3b5..0d8ed17d 100644
--- a/packages/docs/src/content/docs/cloud/data-sources/introduction-to-data-sources.mdx
+++ b/packages/docs/src/content/docs/cloud/data-sources/introduction-to-data-sources.mdx
@@ -11,7 +11,7 @@ One important concept to understand when working with **Orama Cloud**, is the co
 Connecting your data source to Orama Cloud is the first step in creating an index. An index is a collection of documents that you can search through. 
 
 <div class="text-center py-4">
-  <img src="/misc/data-sources.jpg" alt="Orama Cloud - Data Sources" class="rounded-xl" />
+  <img src="/misc/data-sources.jpg" alt="Orama Cloud - Data Sources" class="rounded-xl" data-zoom-off />
 </div>
 
 ## Choosing a data source
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 863b07f6..592a9bb6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -122,6 +122,9 @@ importers:
       react-dom:
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
+      starlight-image-zoom:
+        specifier: ^0.8.0
+        version: 0.8.0(@astrojs/starlight@0.26.4(astro@4.16.3(@types/node@22.7.5)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)))
       starlight-showcases:
         specifier: ^0.2.0
         version: 0.2.0(@astrojs/starlight@0.26.4(astro@4.16.3(@types/node@22.7.5)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)))(astro@4.16.3(@types/node@22.7.5)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3))
@@ -11243,6 +11246,12 @@ packages:
     resolution: {integrity: sha512-VHysfoyxFu/ukT+9v49d4BRXIokFRZuH3z1VRxzFArZdjSCFpro6rEIU3ji7e4AoAtuSfKBkiOmsrDqKW5ZSRw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  starlight-image-zoom@0.8.0:
+    resolution: {integrity: sha512-+YDqCyihQescGs9hJoyTQt+KHEq9s6zIv8ksBMjPjwOrVicXtY0pM4hHj8yO1r2znud4gTytyGt25kAOmRyP9A==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@astrojs/starlight': '>=0.22.0'
+
   starlight-showcases@0.2.0:
     resolution: {integrity: sha512-YWJuTqArkUdVJV85VKZJ0BvKCQRu1SKtH/Cr5t6G/oIfI4IptWc92E7BmiuNnpuQ2U7TczTRidCYurPrbgQQVA==}
     engines: {node: '>=18'}
@@ -27026,6 +27035,13 @@ snapshots:
       pkg-conf: 3.1.0
       xdg-basedir: 4.0.0
 
+  starlight-image-zoom@0.8.0(@astrojs/starlight@0.26.4(astro@4.16.3(@types/node@22.7.5)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3))):
+    dependencies:
+      '@astrojs/starlight': 0.26.4(astro@4.16.3(@types/node@22.7.5)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3))
+      rehype-raw: 7.0.0
+      unist-util-visit: 5.0.0
+      unist-util-visit-parents: 6.0.1
+
   starlight-showcases@0.2.0(@astrojs/starlight@0.26.4(astro@4.16.3(@types/node@22.7.5)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)))(astro@4.16.3(@types/node@22.7.5)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3)):
     dependencies:
       '@astro-community/astro-embed-twitter': 0.5.6(astro@4.16.3(@types/node@22.7.5)(rollup@4.24.0)(terser@5.34.1)(typescript@5.6.3))