diff --git a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
index 4876cc80..76c4b4fd 100644
--- a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
+++ b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
@@ -23,6 +23,11 @@
     </li>
   </ul>
 
+  <picture class="bundle-scheme">
+    <source type="image/webp" srcset="/assets/img/bundle-scheme@1x.webp 1x, /assets/img/bundle-scheme@2x.webp 2x">
+    <img class="bundle-scheme__image" src="/assets/img/bundle-scheme@1x.png" srcset="/assets/img/bundle-scheme@2x.png 2x" alt="Backend bundles">
+  </picture>
+
   <div class="package-switcher">
     <div [(ngModel)]="licenseType" ngbRadioGroup
          class="package-switcher__btn-group btn-group btn-group-toggle btn-outline-toggle-group btn-group-full-width btn-toggle-radio-group">
diff --git a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.scss b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.scss
index 19734c76..89593c2c 100644
--- a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.scss
+++ b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.scss
@@ -66,6 +66,22 @@
     }
   }
 
+  .bundle-scheme {
+    display: none;
+    width: 100%;
+    height: auto;
+    margin: 2.5rem auto;
+    padding: 0 11px;
+
+    &__image {
+      width: 100%;
+    }
+
+    @include media-breakpoint-up(md) {
+      display: block;
+    }
+  }
+
   .package-switcher {
     margin: 2.375rem 0 5rem;
 
diff --git a/docs/assets/img/bundle-scheme@1x.png b/docs/assets/img/bundle-scheme@1x.png
new file mode 100644
index 00000000..7aa003e6
Binary files /dev/null and b/docs/assets/img/bundle-scheme@1x.png differ
diff --git a/docs/assets/img/bundle-scheme@1x.webp b/docs/assets/img/bundle-scheme@1x.webp
new file mode 100644
index 00000000..53367597
Binary files /dev/null and b/docs/assets/img/bundle-scheme@1x.webp differ
diff --git a/docs/assets/img/bundle-scheme@2x.png b/docs/assets/img/bundle-scheme@2x.png
new file mode 100644
index 00000000..c3011a52
Binary files /dev/null and b/docs/assets/img/bundle-scheme@2x.png differ
diff --git a/docs/assets/img/bundle-scheme@2x.webp b/docs/assets/img/bundle-scheme@2x.webp
new file mode 100644
index 00000000..9b768595
Binary files /dev/null and b/docs/assets/img/bundle-scheme@2x.webp differ
diff --git a/package.json b/package.json
index 25176377..8f5465ce 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "e2e": "ng e2e",
     "docs": "compodoc -p src/tsconfig.app.json -d docs",
     "docs:build": "npm run build -- docs --prod --aot --base-href /ngx-admin/",
+    "docs:build-stg": "npm run build -- docs --prod --aot",
     "docs:serve": "npm start -- docs --port 4100 --host 0.0.0.0",
     "docs:gh-pages": "npm run docs:build && npm run ngh -- --dir ./docs/dist",
     "prepush": "npm run lint:ci",