Image background group

Overview

The Image Background Group block is a flexible container that displays content over a background image. It’s ideal for creating visually rich sections like callouts, hero banners, or promotional highlights — all while retaining control over layout and content alignment.

Use cases:

• Hero sections with image background and text overlay

• Promotional callouts with CTAs

• Layering content (like buttons or headings) over lifestyle or product imagery

Features:

• Background image with optional focal point control

• Content layout: row or column flex direction

• Align and justify settings for positioning inner content

• Adjustable padding, spacing, and overlay options

• Mobile-responsive with stacking and repositioning behavior

• Optional background overlay (color and opacity)