diff --git a/package.json b/package.json
index 6e747072..e8191cd7 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "safe-homepage",
   "homepage": "https://github.com/safe-global/safe-homepage",
-  "version": "1.5.6",
+  "version": "1.5.7",
   "scripts": {
     "build": "next build && next export",
     "lint": "next lint",
diff --git a/public/images/Wallet/checkmark-gradient.svg b/public/images/Wallet/checkmark-gradient.svg
new file mode 100644
index 00000000..fd9c159c
--- /dev/null
+++ b/public/images/Wallet/checkmark-gradient.svg
@@ -0,0 +1,9 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.2847 12.7834C35.9134 12.4121 35.3088 12.4121 34.9375 12.7834L21.961 25.7599C21.5563 26.1645 21.0042 26.055 20.6424 25.6933L16.0868 21.1377C15.7155 20.7664 15.1109 20.7664 14.7396 21.1377L11.7882 24.089C11.4169 24.4603 11.4169 25.0649 11.7882 25.4362L18.0671 31.7055C18.4526 32.0911 18.8382 32.2577 19.3904 32.2577H23.1844C23.7366 32.2577 24.2316 32.0911 24.6172 31.7055L39.2313 17.0819C39.6026 16.7106 39.6026 16.106 39.2313 15.7347L36.2799 12.7834H36.2847Z" fill="url(#paint0_linear_16418_3886)"/>
+<defs>
+<linearGradient id="paint0_linear_16418_3886" x1="40.2263" y1="12.4904" x2="7.89788" y2="20.4638" gradientUnits="userSpaceOnUse">
+<stop offset="0.0328893" stop-color="#12FF80"/>
+<stop offset="1" stop-color="#5FDDFF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/components/Wallet/VerticalStack/index.tsx b/src/components/Wallet/VerticalStack/index.tsx
new file mode 100644
index 00000000..3122cc4a
--- /dev/null
+++ b/src/components/Wallet/VerticalStack/index.tsx
@@ -0,0 +1,51 @@
+import type { DetailedHTMLProps, ReactElement, SourceHTMLAttributes } from 'react'
+import { Container, Grid, Typography } from '@mui/material'
+import type { BaseBlock } from '@/components/Home/types'
+import layoutCss from '@/components/common/styles.module.css'
+import css from './styles.module.css'
+
+type VideoEmbed = {
+  sources: Array<DetailedHTMLProps<SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>>
+}
+
+export const GridItem = ({ image, title, text }: Partial<BaseBlock>): ReactElement => (
+  <Grid item xs={12} className={css.card}>
+    {image ? <img {...image} /> : null}
+
+    <Typography variant="h5">{title}</Typography>
+
+    {text && (
+      <Typography color="primary.light" component="div">
+        {text}
+      </Typography>
+    )}
+  </Grid>
+)
+
+const VerticalStack = ({ title, video, items = [] }: BaseBlock & { video: VideoEmbed }) => (
+  <Container className={layoutCss.containerShort}>
+    <Grid container spacing="40px" justifyContent="space-between">
+      <Grid item md={6} className={css.titleWrapper}>
+        {video && (
+          <video autoPlay muted playsInline loop className={css.video}>
+            {video.sources.map((s, i) => (
+              <source key={i} {...s} />
+            ))}
+          </video>
+        )}
+
+        <Typography variant="h2">{title}</Typography>
+      </Grid>
+
+      <Grid item xs={12} md={5}>
+        <div className={css.cardWrapper}>
+          {items.map((item, index) => (
+            <GridItem key={index} {...item} />
+          ))}
+        </div>
+      </Grid>
+    </Grid>
+  </Container>
+)
+
+export default VerticalStack
diff --git a/src/components/Wallet/VerticalStack/styles.module.css b/src/components/Wallet/VerticalStack/styles.module.css
new file mode 100644
index 00000000..4dbc8ad5
--- /dev/null
+++ b/src/components/Wallet/VerticalStack/styles.module.css
@@ -0,0 +1,34 @@
+.cardWrapper {
+  border-radius: 6px;
+  border: 1px solid var(--mui-palette-border-light);
+  overflow: hidden;
+}
+
+.card {
+  border-bottom: 1px solid var(--mui-palette-border-light);
+  margin-bottom: -1px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  align-items: flex-start;
+  padding: 48px 40px;
+  text-align: left;
+}
+
+.video {
+  width: 144px;
+}
+
+@media (min-width: 900px) {
+  .titleWrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+    gap: 40px;
+  }
+
+  .showInMd {
+    display: block;
+  }
+}
diff --git a/src/content/wallet.json b/src/content/wallet.json
index 5f75462e..221b8557 100644
--- a/src/content/wallet.json
+++ b/src/content/wallet.json
@@ -211,6 +211,42 @@
       }
     ]
   },
+  {
+    "component": "Wallet/VerticalStack",
+    "title": "Security built on<br/><b>open-source</b> principles",
+    "video": {
+      "sources": [
+        { "src": "/videos/Home/safe-code-hevc.mov", "type": "video/quicktime; codecs=hvc1" },
+        { "src": "/videos/Home/safe-code-vp9.webm", "type": "video/webm" }
+      ]
+    },
+    "items": [
+      {
+        "title": "Trustless by design",
+        "text": "Your Accounts are secured directly by the blockchain and not by a centralized entity. They do not depend on the Safe{Wallet}'s interface to exist.",
+        "image": {
+          "src": "/images/Wallet/checkmark-gradient.svg",
+          "alt": "Gradient checkmark"
+        }
+      },
+      {
+        "title": "Safe command line interface",
+        "text": "You can interact with your Safe Smart Account directly with code.",
+        "image": {
+          "src": "/images/Wallet/checkmark-gradient.svg",
+          "alt": "Gradient checkmark"
+        }
+      },
+      {
+        "title": "Use with many interfaces",
+        "text": "Portable across different frontends. You can access your Safe Smart Account from other ecosystem apps like Coinshift, Den etc.",
+        "image": {
+          "src": "/images/Wallet/checkmark-gradient.svg",
+          "alt": "Gradient checkmark"
+        }
+      }
+    ]
+  },
   {
     "component": "commonCMS/Faq"
   },