Once you introduce a Carousel block on your page, it acts like a container where you could add multiple Card blocks. Once you introduce a Card block in Carousel Block component, they will start getting aligned horizontally.

Different Style Options available with Individual Card (within Carousel):

  1. Style:

    • Default: Standard card layout with default styling
    • Image Top: Image positioned at the top of the card
    • Image Bottom: Image positioned at the bottom of the card
    • Teaser Overlay: Image with text overlaid on top (dark overlay background)
    • Teaser Card: Image with text in a styled card overlay positioned at bottom-right
  2. CTA Style (Call-to-Action button/link):

    • Link: Renders as a text link
    • Primary Button: Standard primary button styling
    • Secondary Button: Secondary/outlined button styling
    • Dark Button: Dark variant for contrast on light backgrounds