diff --git a/public/apps/configuration/_index.scss b/public/apps/configuration/_index.scss
index 57f25c45d..4914998cb 100644
--- a/public/apps/configuration/_index.scss
+++ b/public/apps/configuration/_index.scss
@@ -41,3 +41,45 @@
 .limit-width-input {
   max-width: 400px;
 }
+
+.security-steps-diagram {
+  height: 114px;
+  position: relative;
+
+  &::before,
+  &::after {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
+
+  &::before {
+    mask: url("../../assets/get_started_layer_1.svg") center / contain no-repeat;
+    background: $euiColorDarkestShade;
+  }
+
+  &::after {
+    mask: url("../../assets/get_started_layer_2.svg") center / contain no-repeat;
+    background: $euiColorPrimary;
+  }
+
+  @supports not (mask: center / contain no-repeat) {
+    /* stylelint-disable property-no-vendor-prefix */
+    &::before,
+    &::after {
+      -webkit-mask-repeat: no-repeat;
+      -webkit-mask-size: contain;
+      -webkit-mask-position: center;
+    }
+
+    &::before {
+      -webkit-mask-image: url("../../assets/get_started_layer_1.svg");
+    }
+
+    &::after {
+      -webkit-mask-image: url("../../assets/get_started_layer_2.svg");
+    }
+    /* stylelint-enable property-no-vendor-prefix */
+  }
+}
diff --git a/public/apps/configuration/panels/get-started.tsx b/public/apps/configuration/panels/get-started.tsx
index fffa99570..b2c562e35 100644
--- a/public/apps/configuration/panels/get-started.tsx
+++ b/public/apps/configuration/panels/get-started.tsx
@@ -18,7 +18,6 @@ import {
   EuiCode,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiImage,
   EuiPageHeader,
   EuiPanel,
   EuiSpacer,
@@ -31,7 +30,6 @@ import { FormattedMessage } from '@osd/i18n/react';
 import { flow } from 'lodash';
 import { HashRouter as Router, Route } from 'react-router-dom';
 import { AppDependencies } from '../../types';
-import securityStepsDiagram from '../../../assets/get_started.svg';
 import { buildHashUrl, buildUrl } from '../utils/url-builder';
 import { Action, ResourceType, RouteItem } from '../types';
 import { API_ENDPOINT_CACHE, DocLinks } from '../constants';
@@ -189,16 +187,7 @@ export function GetStarted(props: AppDependencies) {
           </EuiText>
 
           <EuiSpacer size="l" />
-          {props.config.ui.backend_configurable && (
-            <div className="text-center">
-              <EuiImage
-                size="xl"
-                alt="Three steps to set up your security"
-                url={securityStepsDiagram}
-                style={{ maxWidth: '100%', height: 'auto', width: 'auto' }}
-              />
-            </div>
-          )}
+          {props.config.ui.backend_configurable && <div className={'security-steps-diagram'} />}
 
           <EuiSpacer size="l" />
 
diff --git a/public/apps/configuration/panels/test/__snapshots__/get-started.test.tsx.snap b/public/apps/configuration/panels/test/__snapshots__/get-started.test.tsx.snap
index 355d3817e..d7fd749e2 100644
--- a/public/apps/configuration/panels/test/__snapshots__/get-started.test.tsx.snap
+++ b/public/apps/configuration/panels/test/__snapshots__/get-started.test.tsx.snap
@@ -279,21 +279,8 @@ exports[`Get started (landing page) renders when backend configuration is enable
         size="l"
       />
       <div
-        className="text-center"
-      >
-        <EuiImage
-          alt="Three steps to set up your security"
-          size="xl"
-          style={
-            Object {
-              "height": "auto",
-              "maxWidth": "100%",
-              "width": "auto",
-            }
-          }
-          url="test-file-stub"
-        />
-      </div>
+        className="security-steps-diagram"
+      />
       <EuiSpacer
         size="l"
       />
diff --git a/public/assets/get_started.svg b/public/assets/get_started.svg
index 842164f5c..babb3db47 100644
--- a/public/assets/get_started.svg
+++ b/public/assets/get_started.svg
@@ -1,78 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="512px" height="114px" viewBox="0 0 512 114" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>get_started</title>
-    <defs>
-        <rect id="path-1" x="118" y="23" width="117" height="66" rx="3"></rect>
-        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="117" height="66" fill="white">
-            <use xlink:href="#path-1"></use>
-        </mask>
-    </defs>
-    <g id="Signed-off" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Get-started---Security-Plugin---P1" transform="translate(-421.000000, -220.000000)">
-            <g id="get_started" transform="translate(421.000000, 220.000000)">
-                <g id="Group-2" transform="translate(384.000000, 66.000000)" fill="#343741">
-                    <g id="user" transform="translate(48.000000, 0.000000)">
-                        <path d="M18.0332,15.1977 C19.7657,17.0307 20.9627,19.5162 21.3077,22.3197 C21.4157,23.2107 20.7062,23.9997 19.8077,23.9997 L19.8077,23.9997 L2.0102,23.9997 C1.1117,23.9997 0.4022,23.2107 0.5117,22.3197 C0.8552,19.5162 2.0522,17.0307 3.7847,15.1977 C4.1552,15.5397 4.5422,15.8607 4.9577,16.1472 C3.4007,17.7507 2.3102,19.9722 1.9997,22.5027 L1.9997,22.5027 L19.8077,22.4997 C19.5017,19.9707 18.4142,17.7507 16.8587,16.1472 C17.2757,15.8607 17.6627,15.5397 18.0332,15.1977 Z M10.90895,1.77635684e-15 C15.05045,1.77635684e-15 18.40895,3.3585 18.40895,7.5 C18.40895,11.6415 15.05045,15 10.90895,15 C6.76745,15 3.40895,11.6415 3.40895,7.5 C3.40895,3.3585 6.76745,1.77635684e-15 10.90895,1.77635684e-15 Z M16.29856,4.86398252 L16.1377444,4.940574 C15.6852333,5.13938333 15.1859,5.25045 14.6588,5.25045 C14.2118,5.25045 13.7903,5.15895 13.3928,5.01495 C12.3608,6.29295 10.8023,7.12545 9.0338,7.12545 C8.68505,7.12545 8.2963,7.13586667 7.89407778,7.13827639 L7.59029957,7.13829451 C6.64039076,7.13189207 5.65327638,7.05688596 4.96546976,6.67956678 C4.92804493,6.94690567 4.90895,7.22126022 4.90895,7.5 C4.90895,10.809 7.59995,13.5 10.90895,13.5 C14.21795,13.5 16.90895,10.809 16.90895,7.5 C16.90895,6.55479761 16.6893816,5.66002006 16.29856,4.86398252 Z" id="Color"></path>
-                    </g>
-                    <g id="user">
-                        <path d="M18.0332,15.1977 C19.7657,17.0307 20.9627,19.5162 21.3077,22.3197 C21.4157,23.2107 20.7062,23.9997 19.8077,23.9997 L19.8077,23.9997 L2.0102,23.9997 C1.1117,23.9997 0.4022,23.2107 0.5117,22.3197 C0.8552,19.5162 2.0522,17.0307 3.7847,15.1977 C4.1552,15.5397 4.5422,15.8607 4.9577,16.1472 C3.4007,17.7507 2.3102,19.9722 1.9997,22.5027 L1.9997,22.5027 L19.8077,22.4997 C19.5017,19.9707 18.4142,17.7507 16.8587,16.1472 C17.2757,15.8607 17.6627,15.5397 18.0332,15.1977 Z M10.90895,1.77635684e-15 C15.05045,1.77635684e-15 18.40895,3.3585 18.40895,7.5 C18.40895,11.6415 15.05045,15 10.90895,15 C6.76745,15 3.40895,11.6415 3.40895,7.5 C3.40895,3.3585 6.76745,1.77635684e-15 10.90895,1.77635684e-15 Z M16.29856,4.86398252 L16.1377444,4.940574 C15.6852333,5.13938333 15.1859,5.25045 14.6588,5.25045 C14.2118,5.25045 13.7903,5.15895 13.3928,5.01495 C12.3608,6.29295 10.8023,7.12545 9.0338,7.12545 C8.68505,7.12545 8.2963,7.13586667 7.89407778,7.13827639 L7.59029957,7.13829451 C6.64039076,7.13189207 5.65327638,7.05688596 4.96546976,6.67956678 C4.92804493,6.94690567 4.90895,7.22126022 4.90895,7.5 C4.90895,10.809 7.59995,13.5 10.90895,13.5 C14.21795,13.5 16.90895,10.809 16.90895,7.5 C16.90895,6.55479761 16.6893816,5.66002006 16.29856,4.86398252 Z" id="Color"></path>
-                    </g>
-                    <g id="user" transform="translate(24.000000, 0.000000)">
-                        <path d="M18.0332,15.1977 C19.7657,17.0307 20.9627,19.5162 21.3077,22.3197 C21.4157,23.2107 20.7062,23.9997 19.8077,23.9997 L19.8077,23.9997 L2.0102,23.9997 C1.1117,23.9997 0.4022,23.2107 0.5117,22.3197 C0.8552,19.5162 2.0522,17.0307 3.7847,15.1977 C4.1552,15.5397 4.5422,15.8607 4.9577,16.1472 C3.4007,17.7507 2.3102,19.9722 1.9997,22.5027 L1.9997,22.5027 L19.8077,22.4997 C19.5017,19.9707 18.4142,17.7507 16.8587,16.1472 C17.2757,15.8607 17.6627,15.5397 18.0332,15.1977 Z M10.90895,1.77635684e-15 C15.05045,1.77635684e-15 18.40895,3.3585 18.40895,7.5 C18.40895,11.6415 15.05045,15 10.90895,15 C6.76745,15 3.40895,11.6415 3.40895,7.5 C3.40895,3.3585 6.76745,1.77635684e-15 10.90895,1.77635684e-15 Z M16.29856,4.86398252 L16.1377444,4.940574 C15.6852333,5.13938333 15.1859,5.25045 14.6588,5.25045 C14.2118,5.25045 13.7903,5.15895 13.3928,5.01495 C12.3608,6.29295 10.8023,7.12545 9.0338,7.12545 C8.68505,7.12545 8.2963,7.13586667 7.89407778,7.13827639 L7.59029957,7.13829451 C6.64039076,7.13189207 5.65327638,7.05688596 4.96546976,6.67956678 C4.92804493,6.94690567 4.90895,7.22126022 4.90895,7.5 C4.90895,10.809 7.59995,13.5 10.90895,13.5 C14.21795,13.5 16.90895,10.809 16.90895,7.5 C16.90895,6.55479761 16.6893816,5.66002006 16.29856,4.86398252 Z" id="Color"></path>
-                    </g>
-                </g>
-                <text id="Map-backend-roles" font-family="Helvetica" font-size="14" font-weight="normal" letter-spacing="-0.0699999958" fill="#343741">
-                    <tspan x="356" y="111">Map backend roles</tspan>
-                </text>
-                <g id="Group-3" transform="translate(380.000000, 0.000000)" fill="#343741">
-                    <g id="user" transform="translate(24.000000, 0.000000)">
-                        <path d="M18.0332,15.1977 C19.7657,17.0307 20.9627,19.5162 21.3077,22.3197 C21.4157,23.2107 20.7062,23.9997 19.8077,23.9997 L19.8077,23.9997 L2.0102,23.9997 C1.1117,23.9997 0.4022,23.2107 0.5117,22.3197 C0.8552,19.5162 2.0522,17.0307 3.7847,15.1977 C4.1552,15.5397 4.5422,15.8607 4.9577,16.1472 C3.4007,17.7507 2.3102,19.9722 1.9997,22.5027 L1.9997,22.5027 L19.8077,22.4997 C19.5017,19.9707 18.4142,17.7507 16.8587,16.1472 C17.2757,15.8607 17.6627,15.5397 18.0332,15.1977 Z M10.90895,1.77635684e-15 C15.05045,1.77635684e-15 18.40895,3.3585 18.40895,7.5 C18.40895,11.6415 15.05045,15 10.90895,15 C6.76745,15 3.40895,11.6415 3.40895,7.5 C3.40895,3.3585 6.76745,1.77635684e-15 10.90895,1.77635684e-15 Z M16.29856,4.86398252 L16.1377444,4.940574 C15.6852333,5.13938333 15.1859,5.25045 14.6588,5.25045 C14.2118,5.25045 13.7903,5.15895 13.3928,5.01495 C12.3608,6.29295 10.8023,7.12545 9.0338,7.12545 C8.68505,7.12545 8.2963,7.13586667 7.89407778,7.13827639 L7.59029957,7.13829451 C6.64039076,7.13189207 5.65327638,7.05688596 4.96546976,6.67956678 C4.92804493,6.94690567 4.90895,7.22126022 4.90895,7.5 C4.90895,10.809 7.59995,13.5 10.90895,13.5 C14.21795,13.5 16.90895,10.809 16.90895,7.5 C16.90895,6.55479761 16.6893816,5.66002006 16.29856,4.86398252 Z" id="Color"></path>
-                    </g>
-                    <g id="user">
-                        <path d="M18.0332,15.1977 C19.7657,17.0307 20.9627,19.5162 21.3077,22.3197 C21.4157,23.2107 20.7062,23.9997 19.8077,23.9997 L19.8077,23.9997 L2.0102,23.9997 C1.1117,23.9997 0.4022,23.2107 0.5117,22.3197 C0.8552,19.5162 2.0522,17.0307 3.7847,15.1977 C4.1552,15.5397 4.5422,15.8607 4.9577,16.1472 C3.4007,17.7507 2.3102,19.9722 1.9997,22.5027 L1.9997,22.5027 L19.8077,22.4997 C19.5017,19.9707 18.4142,17.7507 16.8587,16.1472 C17.2757,15.8607 17.6627,15.5397 18.0332,15.1977 Z M10.90895,1.77635684e-15 C15.05045,1.77635684e-15 18.40895,3.3585 18.40895,7.5 C18.40895,11.6415 15.05045,15 10.90895,15 C6.76745,15 3.40895,11.6415 3.40895,7.5 C3.40895,3.3585 6.76745,1.77635684e-15 10.90895,1.77635684e-15 Z M16.29856,4.86398252 L16.1377444,4.940574 C15.6852333,5.13938333 15.1859,5.25045 14.6588,5.25045 C14.2118,5.25045 13.7903,5.15895 13.3928,5.01495 C12.3608,6.29295 10.8023,7.12545 9.0338,7.12545 C8.68505,7.12545 8.2963,7.13586667 7.89407778,7.13827639 L7.59029957,7.13829451 C6.64039076,7.13189207 5.65327638,7.05688596 4.96546976,6.67956678 C4.92804493,6.94690567 4.90895,7.22126022 4.90895,7.5 C4.90895,10.809 7.59995,13.5 10.90895,13.5 C14.21795,13.5 16.90895,10.809 16.90895,7.5 C16.90895,6.55479761 16.6893816,5.66002006 16.29856,4.86398252 Z" id="Color"></path>
-                    </g>
-                    <g id="user" transform="translate(48.000000, 0.000000)">
-                        <path d="M18.0332,15.1977 C19.7657,17.0307 20.9627,19.5162 21.3077,22.3197 C21.4157,23.2107 20.7062,23.9997 19.8077,23.9997 L19.8077,23.9997 L2.0102,23.9997 C1.1117,23.9997 0.4022,23.2107 0.5117,22.3197 C0.8552,19.5162 2.0522,17.0307 3.7847,15.1977 C4.1552,15.5397 4.5422,15.8607 4.9577,16.1472 C3.4007,17.7507 2.3102,19.9722 1.9997,22.5027 L1.9997,22.5027 L19.8077,22.4997 C19.5017,19.9707 18.4142,17.7507 16.8587,16.1472 C17.2757,15.8607 17.6627,15.5397 18.0332,15.1977 Z M10.90895,1.77635684e-15 C15.05045,1.77635684e-15 18.40895,3.3585 18.40895,7.5 C18.40895,11.6415 15.05045,15 10.90895,15 C6.76745,15 3.40895,11.6415 3.40895,7.5 C3.40895,3.3585 6.76745,1.77635684e-15 10.90895,1.77635684e-15 Z M16.29856,4.86398252 L16.1377444,4.940574 C15.6852333,5.13938333 15.1859,5.25045 14.6588,5.25045 C14.2118,5.25045 13.7903,5.15895 13.3928,5.01495 C12.3608,6.29295 10.8023,7.12545 9.0338,7.12545 C8.68505,7.12545 8.2963,7.13586667 7.89407778,7.13827639 L7.59029957,7.13829451 C6.64039076,7.13189207 5.65327638,7.05688596 4.96546976,6.67956678 C4.92804493,6.94690567 4.90895,7.22126022 4.90895,7.5 C4.90895,10.809 7.59995,13.5 10.90895,13.5 C14.21795,13.5 16.90895,10.809 16.90895,7.5 C16.90895,6.55479761 16.6893816,5.66002006 16.29856,4.86398252 Z" id="Color"></path>
-                    </g>
-                </g>
-                <text id="Map-internal-users" font-family="Helvetica" font-size="14" font-weight="normal" letter-spacing="-0.0699999958" fill="#343741">
-                    <tspan x="358.04748" y="41">Map internal users</tspan>
-                </text>
-                <g id="user" transform="translate(1.000000, 36.000000)" fill="#343741">
-                    <path d="M18.0332,15.1977 C19.7657,17.0307 20.9627,19.5162 21.3077,22.3197 C21.4157,23.2107 20.7062,23.9997 19.8077,23.9997 L19.8077,23.9997 L2.0102,23.9997 C1.1117,23.9997 0.4022,23.2107 0.5117,22.3197 C0.8552,19.5162 2.0522,17.0307 3.7847,15.1977 C4.1552,15.5397 4.5422,15.8607 4.9577,16.1472 C3.4007,17.7507 2.3102,19.9722 1.9997,22.5027 L1.9997,22.5027 L19.8077,22.4997 C19.5017,19.9707 18.4142,17.7507 16.8587,16.1472 C17.2757,15.8607 17.6627,15.5397 18.0332,15.1977 Z M10.90895,1.77635684e-15 C15.05045,1.77635684e-15 18.40895,3.3585 18.40895,7.5 C18.40895,11.6415 15.05045,15 10.90895,15 C6.76745,15 3.40895,11.6415 3.40895,7.5 C3.40895,3.3585 6.76745,1.77635684e-15 10.90895,1.77635684e-15 Z M16.29856,4.86398252 L16.1377444,4.940574 C15.6852333,5.13938333 15.1859,5.25045 14.6588,5.25045 C14.2118,5.25045 13.7903,5.15895 13.3928,5.01495 C12.3608,6.29295 10.8023,7.12545 9.0338,7.12545 C8.68505,7.12545 8.2963,7.13586667 7.89407778,7.13827639 L7.59029957,7.13829451 C6.64039076,7.13189207 5.65327638,7.05688596 4.96546976,6.67956678 C4.92804493,6.94690567 4.90895,7.22126022 4.90895,7.5 C4.90895,10.809 7.59995,13.5 10.90895,13.5 C14.21795,13.5 16.90895,10.809 16.90895,7.5 C16.90895,6.55479761 16.6893816,5.66002006 16.29856,4.86398252 Z" id="Color"></path>
-                </g>
-                <g id="Group" transform="translate(21.000000, 49.500000)">
-                    <g id="Key" transform="translate(6.750000, 12.000000) rotate(45.000000) translate(-6.750000, -12.000000) ">
-                        <path d="M6.75,0.705 L7.04221663,0.713181716 C8.59133216,0.790741631 9.98602868,1.48158176 11.0128014,2.55533101 C12.1149218,3.70787525 12.7941176,5.30077197 12.7941176,7.05882353 C12.7941176,8.34506395 12.4307061,9.54269141 11.8039264,10.5443722 C11.0819104,11.6982538 10.0106933,12.5924382 8.74506832,13.0576644 L8.74506832,13.0576644 L8.74418929,18.2319005 L7.39411765,18.958405 L7.39411765,21.0021514 C7.04508271,21.7396682 6.72733406,22.3005936 6.4341549,22.6805615 C6.30690613,22.8454793 6.21813177,23.0566742 6.09145031,23.0566742 C5.50066108,22.3869971 5.2006985,21.8869002 4.8707523,21.2305716 L4.8707523,21.2305716 L4.74902262,13.0554886 C3.48613048,12.5897123 2.41723272,11.6966806 1.69634378,10.544804 C1.06939839,9.54303566 0.705882353,8.34524878 0.705882353,7.05882353 C0.705882353,5.30077197 1.38507817,3.70787525 2.4871986,2.55533101 C3.57814462,1.41447244 5.08444211,0.705882353 6.75,0.705882353 L6.75,0.705 Z" id="Combined-Shape" stroke="#343741" stroke-width="1.41176471"></path>
-                        <ellipse id="Oval" fill="#343741" cx="6.75" cy="7.05882353" rx="1.35" ry="1.41176471"></ellipse>
-                    </g>
-                </g>
-                <text id="Role" font-family="Helvetica" font-size="14" font-weight="normal" letter-spacing="-0.0699999958" fill="#343741">
-                    <tspan x="0" y="94.5">Role</tspan>
-                </text>
-                <g id="Group-5" transform="translate(33.000000, 14.000000)">
-                    <circle id="↳🌈-Color" fill="#006BB4" cx="12" cy="12" r="12"></circle>
-                    <path d="M14.7978516,16 L14.7978516,15.0039062 L10.2158203,15.0039062 C10.3173828,14.5898438 10.5634766,14.2128906 10.9541016,13.8730469 C11.1728516,13.6816406 11.4736328,13.4804688 11.8564453,13.2695312 L11.8564453,13.2695312 L12.6591797,12.8242188 C13.3662109,12.4296875 13.8564453,12.09375 14.1298828,11.8164062 C14.6025391,11.3398438 14.8388672,10.765625 14.8388672,10.09375 C14.8388672,9.45703125 14.6171875,8.87890625 14.1738281,8.359375 C13.7304688,7.83984375 13.0283203,7.58007812 12.0673828,7.58007812 C10.9111328,7.58007812 10.1044922,7.98632812 9.64746094,8.79882812 C9.38964844,9.25976562 9.25488281,9.85546875 9.24316406,10.5859375 L9.24316406,10.5859375 L10.3154297,10.5859375 C10.3310547,10.0664062 10.4130859,9.66015625 10.5615234,9.3671875 C10.8388672,8.8203125 11.3388672,8.546875 12.0615234,8.546875 C12.5498047,8.546875 12.9404297,8.69042969 13.2333984,8.97753906 C13.5263672,9.26464844 13.6728516,9.65234375 13.6728516,10.140625 C13.6728516,10.5585938 13.5126953,10.9296875 13.1923828,11.2539062 C12.9892578,11.4609375 12.6357422,11.7109375 12.1318359,12.0039062 L12.1318359,12.0039062 L11.0068359,12.6542969 C10.2529297,13.0917969 9.74609375,13.578125 9.48632812,14.1132812 C9.2265625,14.6484375 9.07714844,15.2773438 9.03808594,16 L9.03808594,16 L14.7978516,16 Z" id="2" fill="#FFFFFF" fill-rule="nonzero"></path>
-                </g>
-                <g id="Group" transform="translate(488.000000, 13.000000)">
-                    <circle id="Color" fill="#006BB4" cx="12" cy="12" r="12"></circle>
-                    <path d="M11.7802734,16.2285156 C12.7490234,16.2285156 13.4970703,15.9765625 14.0244141,15.4726562 C14.5517578,14.96875 14.8154297,14.3164062 14.8154297,13.515625 C14.8154297,13.015625 14.6914062,12.5927734 14.4433594,12.2470703 C14.1953125,11.9013672 13.8505859,11.6679688 13.4091797,11.546875 C13.6826172,11.4335938 13.9052734,11.2773438 14.0771484,11.078125 C14.3544922,10.7578125 14.4931641,10.3398438 14.4931641,9.82421875 C14.4931641,9.1015625 14.2587891,8.54980469 13.7900391,8.16894531 C13.3212891,7.78808594 12.6591797,7.59765625 11.8037109,7.59765625 C10.7216797,7.59765625 9.96582031,7.98828125 9.53613281,8.76953125 C9.28613281,9.20703125 9.16113281,9.73828125 9.16113281,10.3632812 L9.16113281,10.3632812 L10.2041016,10.3632812 C10.2236328,9.88671875 10.3076172,9.51953125 10.4560547,9.26171875 C10.7255859,8.79296875 11.2119141,8.55859375 11.9150391,8.55859375 C12.3095703,8.55859375 12.6552734,8.671875 12.9521484,8.8984375 C13.2490234,9.125 13.3974609,9.44726562 13.3974609,9.86523438 C13.3974609,10.4277344 13.1748047,10.8183594 12.7294922,11.0371094 C12.4755859,11.1621094 12.1513672,11.2246094 11.7568359,11.2246094 C11.6708984,11.2246094 11.5908203,11.2226562 11.5166016,11.21875 C11.4423828,11.2148438 11.3505859,11.2070312 11.2412109,11.1953125 L11.2412109,11.1953125 L11.2412109,12.1269531 C11.3154297,12.1230469 11.3886719,12.1201172 11.4609375,12.1181641 C11.5332031,12.1162109 11.6044922,12.1152344 11.6748047,12.1152344 C12.3037109,12.1152344 12.7949219,12.2304688 13.1484375,12.4609375 C13.5019531,12.6914062 13.6787109,13.0957031 13.6787109,13.6738281 C13.6787109,14.1425781 13.5107422,14.5253906 13.1748047,14.8222656 C12.8388672,15.1191406 12.3935547,15.2675781 11.8388672,15.2675781 C11.1240234,15.2675781 10.6298828,15.046875 10.3564453,14.6054688 C10.2001953,14.359375 10.0986328,13.9648438 10.0517578,13.421875 L10.0517578,13.421875 L8.95019531,13.421875 C8.95019531,14.203125 9.17382812,14.8662109 9.62109375,15.4111328 C10.0683594,15.9560547 10.7880859,16.2285156 11.7802734,16.2285156 Z" id="3" fill="#FFFFFF" fill-rule="nonzero"></path>
-                </g>
-                <use id="Rectangle" stroke="#343741" mask="url(#mask-2)" stroke-width="3" stroke-dasharray="4,4" xlink:href="#path-1"></use>
-                <text id="(authc-&amp;-authz)" font-family="Helvetica" font-size="12" font-weight="normal" letter-spacing="-0.0599999964" fill="#343741">
-                    <tspan x="136.2625" y="66">(authc &amp; authz)</tspan>
-                </text>
-                <text id="Backends" font-family="Helvetica" font-size="14" font-weight="normal" letter-spacing="-0.0699999958" fill="#343741">
-                    <tspan x="146.038789" y="49">Backends</tspan>
-                </text>
-                <g id="Group-4" transform="translate(223.000000, 14.000000)">
-                    <circle id="Color" fill="#006BB4" cx="12" cy="12" r="12"></circle>
-                    <path d="M12.9111328,16 L12.9111328,7.64453125 L12.0791016,7.64453125 C11.9306641,8.29296875 11.7060547,8.70410156 11.4052734,8.87792969 C11.1044922,9.05175781 10.5732422,9.17578125 9.81152344,9.25 L9.81152344,9.25 L9.81152344,10.0585938 L11.7861328,10.0585938 L11.7861328,16 L12.9111328,16 Z" id="1" fill="#FFFFFF" fill-rule="nonzero"></path>
-                </g>
-                <line x1="49.5" y1="58.5" x2="117.5" y2="58.5" id="Line" stroke="#343741" stroke-width="1.5" stroke-linecap="square" stroke-dasharray="4,4"></line>
-                <path d="M235,58 L268,58 L268,43 L340,43" id="Line" stroke="#343741" stroke-width="1.5" stroke-linecap="square" stroke-dasharray="4,4"></path>
-                <path d="M235,73 L268,73 L268,58 L340,58" id="Line" stroke="#343741" stroke-width="1.5" stroke-linecap="square" stroke-dasharray="4,4" transform="translate(287.500000, 65.500000) scale(1, -1) translate(-287.500000, -65.500000) "></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 114" width="512" height="114" xml:space="preserve"><style>.a{fill:currentColor}.b{fill-rule:evenodd;clip-rule:evenodd}.c{font-family:&quot;Helvetica&quot;}.d{font-size:14px}.f{letter-spacing:1}.h{fill:none;stroke:currentColor;stroke-width:1.5;stroke-miterlimit:1;stroke-dasharray:6,2}</style><defs><path class="a b" d="M18.1 15.2c1.7 1.8 2.9 4.3 3.3 7.1.1.9-.6 1.7-1.5 1.7H2.1c-.9 0-1.6-.8-1.5-1.7.3-2.8 1.5-5.3 3.3-7.1.4.3.8.7 1.2.9-1.6 1.6-2.6 3.8-3 6.4h17.8c-.3-2.5-1.4-4.7-2.9-6.4.4-.2.8-.6 1.1-.9zM11 0c4.1 0 7.5 3.4 7.5 7.5S15.1 15 11 15s-7.5-3.4-7.5-7.5S6.9 0 11 0zm5.4 4.9-.2.1a4.01 4.01 0 0 1-2.8.1A5.5 5.5 0 0 1 9 7.2H7.6c-.9 0-1.9-.1-2.6-.5v.8c0 3.3 2.7 6 6 6a6.02 6.02 0 0 0 5.4-8.6z" id="u"/></defs><text transform="translate(357.52 111)" class="a c d">Map backend roles</text><text transform="translate(357.66 41)"><tspan x="0" y="0" class="a c d">Map</tspan><tspan x="27.1" y="0" class="a c d f"> </tspan><tspan x="32.4" y="0" class="a c d">internal</tspan><tspan x="77.8" y="0" class="a c d f"> </tspan><tspan x="83.1" y="0" class="a c d">users</tspan></text><g id="Group" transform="translate(21 49.5)"><g id="Key" transform="rotate(45 6.75 12)"><path class="a" d="M6.5 23.6c-.1.1-.3.3-.6.3h-.3l-.2-.2c-.6-.7-1-1.3-1.3-2l-.1-.1-.1-7.9c-1.2-.5-2.2-1.5-3-2.6C.1 9.9-.2 8.5-.2 7.2c0-1.9.7-3.7 2-5C3.1.8 4.8.1 6.6.1h.3c1.7.1 3.3.8 4.5 2.1 1.3 1.3 2 3.1 2 5 0 1.4-.4 2.7-1.1 3.9a6.3 6.3 0 0 1-3 2.6v5.1l-1.3.7v1.8l-.1.1c-.4.8-.7 1.4-1 1.8l-.1.1c-.2.1-.2.2-.3.3zm-1.2-2.4c.2.3.3.6.5.9.2-.3.4-.6.6-1.1v-2.3l1.3-.7v-5.2l.5-.2a5.61 5.61 0 0 0 3.6-5.3c0-1.5-.6-2.9-1.6-4-.9-1-2.2-1.6-3.5-1.6h-.3c-1.4 0-2.7.6-3.7 1.6-1 1.1-1.6 2.5-1.6 4a5.61 5.61 0 0 0 3.6 5.3l.5.2.1 8.4z"/><ellipse id="Oval" transform="rotate(90 6.5 7.16)" class="a b" cx="6.5" cy="7.2" rx="1.4" ry="1.3"/></g></g><text transform="translate(0 94.5)" class="a c d">Role</text><path class="a b" d="M45 14c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm2.8 15v1H42c0-.7.2-1.4.4-1.9s.8-1 1.5-1.5l1.1-.7c.5-.3.9-.5 1.1-.8.3-.3.5-.7.5-1.1 0-.5-.1-.9-.4-1.2s-.7-.4-1.2-.4c-.7 0-1.2.3-1.5.8-.1.3-.2.7-.2 1.2h-1.1c0-.7.1-1.3.4-1.8.5-.8 1.3-1.2 2.4-1.2 1 0 1.7.3 2.1.8s.7 1.1.7 1.7c0 .7-.2 1.2-.7 1.7-.3.3-.8.6-1.5 1l-.8.4c-.4.2-.7.4-.9.6-.4.3-.6.7-.7 1.1h4.6zM499 13c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm2 15.5c-.5.5-1.3.8-2.2.8-1 0-1.7-.3-2.2-.8s-.7-1.2-.7-2h1.1c0 .5.1.9.3 1.2.3.4.8.7 1.5.7.6 0 1-.1 1.3-.4s.5-.7.5-1.1c0-.6-.2-1-.5-1.2s-.8-.3-1.5-.3h-.4v-.9h.5c.4 0 .7-.1 1-.2.4-.2.7-.6.7-1.2 0-.4-.1-.7-.4-1s-.6-.3-1-.3c-.7 0-1.2.2-1.5.7-.1.3-.2.6-.3 1.1h-1c0-.6.1-1.2.4-1.6.4-.8 1.2-1.2 2.3-1.2.9 0 1.5.2 2 .6s.7.9.7 1.7c0 .5-.1.9-.4 1.3-.2.2-.4.4-.7.5.4.1.8.4 1 .7s.4.8.4 1.3c-.1.4-.3 1.1-.9 1.6z"/><text transform="translate(136.26 66)" class="a c" font-size="12">(authc &amp; authz)</text><text transform="translate(146.04 49)" class="a c d">Backends</text><path class="a b" d="M238 14c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm.9 16h-1.1v-5.9h-2v-.8c.8-.1 1.3-.2 1.6-.4s.5-.6.7-1.2h.8V30z"/><path class="h" d="M121.5 22h110.1c1.6 0 3 1.4 3 3.1v61.8c0 1.7-1.3 3.1-3 3.1H121.5c-1.6 0-3-1.4-3-3.1V25.1c0-1.7 1.3-3.1 3-3.1z" stroke-dasharray="6.05 2.02"/><path class="h" d="M52 58h66m217.5-15h-60v30h60M235 58h3m2 0h31m1 0h3"/><use xlink:href="#u" x="1" y="36"/><use xlink:href="#u" x="384"/><use xlink:href="#u" x="408"/><use xlink:href="#u" x="432"/><use xlink:href="#u" x="384" y="66"/><use xlink:href="#u" x="408" y="66"/><use xlink:href="#u" x="432" y="66"/></svg>
diff --git a/public/assets/get_started_layer_1.svg b/public/assets/get_started_layer_1.svg
new file mode 100644
index 000000000..e1413f4db
--- /dev/null
+++ b/public/assets/get_started_layer_1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 114" width="512" height="114" xml:space="preserve"><style>.a{fill:currentColor}.b{fill-rule:evenodd;clip-rule:evenodd}.c{font-family:&quot;Helvetica&quot;}.d{font-size:14px}.f{letter-spacing:1}.h{fill:none;stroke:currentColor;stroke-width:1.5;stroke-miterlimit:1;stroke-dasharray:6,2}</style><defs><path class="a b" d="M18.1 15.2c1.7 1.8 2.9 4.3 3.3 7.1.1.9-.6 1.7-1.5 1.7H2.1c-.9 0-1.6-.8-1.5-1.7.3-2.8 1.5-5.3 3.3-7.1.4.3.8.7 1.2.9-1.6 1.6-2.6 3.8-3 6.4h17.8c-.3-2.5-1.4-4.7-2.9-6.4.4-.2.8-.6 1.1-.9zM11 0c4.1 0 7.5 3.4 7.5 7.5S15.1 15 11 15s-7.5-3.4-7.5-7.5S6.9 0 11 0zm5.4 4.9-.2.1a4.01 4.01 0 0 1-2.8.1A5.5 5.5 0 0 1 9 7.2H7.6c-.9 0-1.9-.1-2.6-.5v.8c0 3.3 2.7 6 6 6a6.02 6.02 0 0 0 5.4-8.6z" id="u"/></defs><text transform="translate(357.52 111)" class="a c d">Map backend roles</text><text transform="translate(357.66 41)"><tspan x="0" y="0" class="a c d">Map</tspan><tspan x="27.1" y="0" class="a c d f"> </tspan><tspan x="32.4" y="0" class="a c d">internal</tspan><tspan x="77.8" y="0" class="a c d f"> </tspan><tspan x="83.1" y="0" class="a c d">users</tspan></text><g id="Group" transform="translate(21 49.5)"><g id="Key" transform="rotate(45 6.75 12)"><path class="a" d="M6.5 23.6c-.1.1-.3.3-.6.3h-.3l-.2-.2c-.6-.7-1-1.3-1.3-2l-.1-.1-.1-7.9c-1.2-.5-2.2-1.5-3-2.6C.1 9.9-.2 8.5-.2 7.2c0-1.9.7-3.7 2-5C3.1.8 4.8.1 6.6.1h.3c1.7.1 3.3.8 4.5 2.1 1.3 1.3 2 3.1 2 5 0 1.4-.4 2.7-1.1 3.9a6.3 6.3 0 0 1-3 2.6v5.1l-1.3.7v1.8l-.1.1c-.4.8-.7 1.4-1 1.8l-.1.1c-.2.1-.2.2-.3.3zm-1.2-2.4c.2.3.3.6.5.9.2-.3.4-.6.6-1.1v-2.3l1.3-.7v-5.2l.5-.2a5.61 5.61 0 0 0 3.6-5.3c0-1.5-.6-2.9-1.6-4-.9-1-2.2-1.6-3.5-1.6h-.3c-1.4 0-2.7.6-3.7 1.6-1 1.1-1.6 2.5-1.6 4a5.61 5.61 0 0 0 3.6 5.3l.5.2.1 8.4z"/><ellipse id="Oval" transform="rotate(90 6.5 7.16)" class="a b" cx="6.5" cy="7.2" rx="1.4" ry="1.3"/></g></g><text transform="translate(0 94.5)" class="a c d">Role</text><text transform="translate(136.26 66)" class="a c" font-size="12">(authc &amp; authz)</text><text transform="translate(146.04 49)" class="a c d">Backends</text><path class="h" d="M121.5 22h110.1c1.6 0 3 1.4 3 3.1v61.8c0 1.7-1.3 3.1-3 3.1H121.5c-1.6 0-3-1.4-3-3.1V25.1c0-1.7 1.3-3.1 3-3.1z" stroke-dasharray="6.05 2.02"/><path class="h" d="M52 58h66m217.5-15h-60v30h60M235 58h3m2 0h31m1 0h3"/><use xlink:href="#u" x="1" y="36"/><use xlink:href="#u" x="384"/><use xlink:href="#u" x="408"/><use xlink:href="#u" x="432"/><use xlink:href="#u" x="384" y="66"/><use xlink:href="#u" x="408" y="66"/><use xlink:href="#u" x="432" y="66"/></svg>
diff --git a/public/assets/get_started_layer_2.svg b/public/assets/get_started_layer_2.svg
new file mode 100644
index 000000000..d060b85dc
--- /dev/null
+++ b/public/assets/get_started_layer_2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 114" width="512" height="114" xml:space="preserve"><style>.a{fill:currentColor}.b{fill-rule:evenodd;clip-rule:evenodd}}</style><path class="a b" d="M45 14c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm2.8 15v1H42c0-.7.2-1.4.4-1.9s.8-1 1.5-1.5l1.1-.7c.5-.3.9-.5 1.1-.8.3-.3.5-.7.5-1.1 0-.5-.1-.9-.4-1.2s-.7-.4-1.2-.4c-.7 0-1.2.3-1.5.8-.1.3-.2.7-.2 1.2h-1.1c0-.7.1-1.3.4-1.8.5-.8 1.3-1.2 2.4-1.2 1 0 1.7.3 2.1.8s.7 1.1.7 1.7c0 .7-.2 1.2-.7 1.7-.3.3-.8.6-1.5 1l-.8.4c-.4.2-.7.4-.9.6-.4.3-.6.7-.7 1.1h4.6zM499 13c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm2 15.5c-.5.5-1.3.8-2.2.8-1 0-1.7-.3-2.2-.8s-.7-1.2-.7-2h1.1c0 .5.1.9.3 1.2.3.4.8.7 1.5.7.6 0 1-.1 1.3-.4s.5-.7.5-1.1c0-.6-.2-1-.5-1.2s-.8-.3-1.5-.3h-.4v-.9h.5c.4 0 .7-.1 1-.2.4-.2.7-.6.7-1.2 0-.4-.1-.7-.4-1s-.6-.3-1-.3c-.7 0-1.2.2-1.5.7-.1.3-.2.6-.3 1.1h-1c0-.6.1-1.2.4-1.6.4-.8 1.2-1.2 2.3-1.2.9 0 1.5.2 2 .6s.7.9.7 1.7c0 .5-.1.9-.4 1.3-.2.2-.4.4-.7.5.4.1.8.4 1 .7s.4.8.4 1.3c-.1.4-.3 1.1-.9 1.6z"/><path class="a b" d="M238 14c-6.6 0-12 5.4-12 12s5.4 12 12 12 12-5.4 12-12-5.4-12-12-12zm.9 16h-1.1v-5.9h-2v-.8c.8-.1 1.3-.2 1.6-.4s.5-.6.7-1.2h.8V30z"/></svg>