# Image background group

<figure><img src="/files/0klfvlFRbtVUK2iJTTU5" 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://flexi-library.gitbook.io/flexi-slider-sections/modular/groups/image-background-group.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.