.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;
      }
    }
  }
}