diff --git a/resources/css/blocks/scroll-story-block.css b/resources/css/blocks/scroll-story-block.css
index 16b20e1..08b4bf6 100644
--- a/resources/css/blocks/scroll-story-block.css
+++ b/resources/css/blocks/scroll-story-block.css
@@ -1,3 +1,14 @@
 .scroll-story-block {
   @apply py-12 flex flex-col gap-12 overflow-x-hidden;
+
+  &--has-numbering {
+    counter-reset: narrative-card;
+    .narrative-card .narrative-card__content {
+      &:before {
+        @apply bg-primary text-white  w-12 h-12 flex items-center justify-center mb-12;
+        content: counter(narrative-card);
+        counter-increment: narrative-card;
+      }
+    }
+  }
 }