A carousel enables a user to browse through a set of items by chunking the items into subsets, allowing users to view one subset at a time in a more consumable, more engaging and less intimidating experience.
Due to Webflow limitations, the banner must appear clipped for the arrows to appear at either end (alignment must be inline block rather than inline).
The "background-slide" establishes the image height and should match the image from "slide-1". There is different text on each button for SM breakpoint and smaller. Make sure to copy the custom code from the page settings (it changes the z-index of the slides on click). When adding slides, make sure to set an ID for the new button and slide, and add these to the custom code, and then add them to the button interactions.
Descriptive content descriptive content descriptive content descriptive content.
Descriptive content descriptive content descriptive content descriptive content.
Descriptive content descriptive content descriptive content descriptive content.
Descriptive content descriptive content descriptive content descriptive content.
Descriptive content descriptive content descriptive content descriptive content.
Descriptive content descriptive content descriptive content descriptive content.
Descriptive content descriptive content descriptive content descriptive content.
Descriptive content descriptive content descriptive content descriptive content.