Product Story Section

Create a product story section that tells the story behind [PRODUCT_OR_BRAND_NAME] in a visually engaging timeline or alternating layout. The section should have [NUMBER] content blocks, each containing an image on one side and text on the other, alternating left-right as you scroll down. Each block includes: a small heading ([BLOCK_HEADING]), descriptive paragraph ([BLOCK_TEXT]), and an optional image. At the top, add a section heading [SECTION_HEADING] (e.g., Our Story, How It’s Made). Use a vertical timeline line connecting the blocks with small circle markers at each block. On scroll, each block should animate into view with a fade-up effect. On mobile, stack image above text for each block. The blocks should be configurable as section blocks in the theme editor schema. Generate Liquid, JavaScript for scroll animations, and CSS.