Everything
Default pair-banner
Banner right, custom left, even columns, gap L, middle-center placement.
di
Reversed + small gap
Banner left, custom right, gap S, order_mobile reversed.
di
Gapless first-wide
Custom column wide, banner narrow, columns touching (gap 0).
di
Rounded + bordered
di
Parallax + top-left content
Overlay content
Top-left
di
Heavy dark overlay
Bottom-right over 70% dark
di
Light-background trick
White overlay at 50% turns a dark image into a soft light background — dark text on banner should stay readable.
Dark text on light overlay
di
Video background
Autoplay muted
di
Frame + callout-group
Callout group wrapped in theme-group-frame — exercises the frame-wrapping pattern for non-@theme children.
Quality
Free returns
di
Mobile-specific image
Resize narrow — the banner should swap to a different image tuned for portrait viewports.
di
Custom 600px height + full-width section
di
Scheme override
Banner default color scheme is scheme-opposite (dark). Overriding to scheme-default so dark text should appear on light overlay.
scheme-default
di
Left banner
Right banner
di