1. Default — zero configuration

The baseline. No attributes set — you get the Instagram-style square grid with 5 cards visible on desktop, autoplay-muted videos, infinite loop, arrows, and the full lightbox experience with prev/next navigation.





		

		

				
		
		
		
2. Reels-style 9:16 portrait with autoscroll


Vertical card format like Instagram Reels or TikTok. 4 visible on desktop, slow autoscroll every 6 seconds, pauses when the mouse hovers. Mobile shows 1.2 cards (peek of the next).


 


 
		

		

		
3. Cinematic 16:9 hero banner with dots


One widescreen card at a time, fixed 500px height, no arrows, pagination dots below, autoscroll every 5 seconds, sharp corners and no gap. Use this as a page-top hero.
		

		

		
4. Pinterest-style 3:4 portrait grid


Taller portrait cards, 4 per row, generous 20px gap, extra-rounded 24px corners. Feels like a curated gallery.


















		

		

		
5. Dense square grid with sharp corners


Packed 6-per-row, tight 4px gaps, 0 border radius. Mosaic feel — good for a “more from us” section near the footer.










 








		

		

		
6. Lightbox with a shared outline CTA button


Click any card → lightbox opens → a white outlined pill button below reads “Learn more about BACC” and sends them to /newcomers. One button config applies to every item via default_button_*.






 




		

		

		
7. Per-item CTA buttons (different for each)


Each card has its own button pointing to its own page. Some items have no button at all — they just open the lightbox. Button styling (color, shape, size) is shared across the carousel. Some targets open in a new tab, one opens in the same tab.










 








		

		

		
8. Shared default + per-item overrides


Most items show the default “Give online” button. Two items override: the turkey-giveaway image points to its specific story instead, and the Y-Camp video links to its own event page. Demonstrates how defaults can cover most of the carousel while still letting you customize specific items.










 








		

		

		
9. Cards route directly to URLs (no lightbox on click)


Each card has its own link attribute. Clicking a card navigates directly to that page — no lightbox. Useful for a “browse our events” row where each card is effectively a big button.