# Image background group

<figure><img src="https://1813371584-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1ayOFZFwSvWJ1vhnp8MG%2Fuploads%2FI9PMtMNvoKYqLNaOfdk4%2FImage%20Background%20-%20Group%20-%20Template.png?alt=media&#x26;token=80528c70-9973-4477-a055-235882313bc2" alt=""><figcaption></figcaption></figure>

### 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)
