diff --git a/docusaurus.config.js b/docusaurus.config.js
index cfbe1a9..7f446ee 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -28,6 +28,9 @@ const config = {
     locales: ['en'],
   },
 
+  plugins: [
+    require.resolve('docusaurus-plugin-image-zoom')
+  ],
   presets: [
     [
       'classic',
@@ -57,6 +60,16 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
+      zoom: {
+        selector: '.markdown :not(em) > img',
+        background: {
+          light: 'rgb(255, 255, 255)',
+          dark: 'rgb(50, 50, 50)'
+        },
+        config: {
+          // options you can specify via https://github.com/francoischalifour/medium-zoom#usage
+        }
+      },
       navbar: {
         title: 'Topl Developer Portal',
         logo: {
diff --git a/package-lock.json b/package-lock.json
index 77f2f8a..40f2c57 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,9 @@
         "@docusaurus/preset-classic": "^2.3.1",
         "@mdx-js/react": "^1.6.22",
         "clsx": "^1.2.1",
+        "docusaurus-plugin-image-zoom": "^0.1.1",
+        "medium-zoom": "^1.0.8",
+        "plugin-image-zoom": "github:flexanalytics/plugin-image-zoom",
         "prism-react-renderer": "^1.3.5",
         "react": "^17.0.2",
         "react-dom": "^17.0.2"
@@ -5400,6 +5403,14 @@
         "node": ">=6"
       }
     },
+    "node_modules/docusaurus-plugin-image-zoom": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/docusaurus-plugin-image-zoom/-/docusaurus-plugin-image-zoom-0.1.1.tgz",
+      "integrity": "sha512-cJXo5TKh9OR1gE4B5iS5ovLWYYDFwatqRm00iXFPOaShZG99l5tgkDKgbQPAwSL9wg4I+wz3aMwkOtDhMIpKDQ==",
+      "dependencies": {
+        "medium-zoom": "^1.0.6"
+      }
+    },
     "node_modules/dom-converter": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
@@ -7737,6 +7748,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/medium-zoom": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.8.tgz",
+      "integrity": "sha512-CjFVuFq/IfrdqesAXfg+hzlDKu6A2n80ZIq0Kl9kWjoHh9j1N9Uvk5X0/MmN0hOfm5F9YBswlClhcwnmtwz7gA=="
+    },
     "node_modules/memfs": {
       "version": "3.4.12",
       "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.4.12.tgz",
@@ -8504,6 +8520,13 @@
         "node": ">=4"
       }
     },
+    "node_modules/plugin-image-zoom": {
+      "version": "0.0.0",
+      "resolved": "git+ssh://git@github.com/flexanalytics/plugin-image-zoom.git#6edf8e287dc64c8a4e1010fd36478316ac25ffeb",
+      "dependencies": {
+        "medium-zoom": "^1.0.4"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.4.19",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz",
@@ -16339,6 +16362,14 @@
         "@leichtgewicht/ip-codec": "^2.0.1"
       }
     },
+    "docusaurus-plugin-image-zoom": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/docusaurus-plugin-image-zoom/-/docusaurus-plugin-image-zoom-0.1.1.tgz",
+      "integrity": "sha512-cJXo5TKh9OR1gE4B5iS5ovLWYYDFwatqRm00iXFPOaShZG99l5tgkDKgbQPAwSL9wg4I+wz3aMwkOtDhMIpKDQ==",
+      "requires": {
+        "medium-zoom": "^1.0.6"
+      }
+    },
     "dom-converter": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
@@ -18048,6 +18079,11 @@
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
       "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ=="
     },
+    "medium-zoom": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.8.tgz",
+      "integrity": "sha512-CjFVuFq/IfrdqesAXfg+hzlDKu6A2n80ZIq0Kl9kWjoHh9j1N9Uvk5X0/MmN0hOfm5F9YBswlClhcwnmtwz7gA=="
+    },
     "memfs": {
       "version": "3.4.12",
       "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.4.12.tgz",
@@ -18590,6 +18626,13 @@
         }
       }
     },
+    "plugin-image-zoom": {
+      "version": "git+ssh://git@github.com/flexanalytics/plugin-image-zoom.git#6edf8e287dc64c8a4e1010fd36478316ac25ffeb",
+      "from": "plugin-image-zoom@github:flexanalytics/plugin-image-zoom",
+      "requires": {
+        "medium-zoom": "^1.0.4"
+      }
+    },
     "postcss": {
       "version": "8.4.19",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.19.tgz",
diff --git a/package.json b/package.json
index 928d136..a3d6272 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,9 @@
     "@docusaurus/preset-classic": "^2.3.1",
     "@mdx-js/react": "^1.6.22",
     "clsx": "^1.2.1",
+    "docusaurus-plugin-image-zoom": "^0.1.1",
+    "medium-zoom": "^1.0.8",
+    "plugin-image-zoom": "github:flexanalytics/plugin-image-zoom",
     "prism-react-renderer": "^1.3.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"