feat: add card grid component

components/Loyalty/Blocks/DynamicContent/HowItWorks/howItWorks.module.css

@@ -0,0 +1,11 @@
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 37rem;
+  border-radius: 1.6rem;
+  background-color: var(--Base-Fill-Normal);
+  text-align: center;
+  margin-right: 1.6rem;
+}

components/Loyalty/Blocks/DynamicContent/HowItWorks/index.tsx

@@ -1,3 +1,13 @@
+import Title from "@/components/Title"
+
+import styles from "./howItWorks.module.css"
+
 export default function HowItWorks() {
-  return <div></div>
+  return (
+    <div className={styles.container}>
+      <Title level="h3" uppercase>
+        How it works Placeholder
+      </Title>
+    </div>
+  )
 }