# Media block

*Block type for the **Split hero** section.*

### What It Does

The **split hero media** block adds a media block within the **Split hero** section.

***

### Settings

#### Media type

Choose whether to display an image or a video.

#### Enable mask overlay

When enabled, a mask overlay animation appears while scrolling.

#### Hide child blocks on scroll

When enabled, child blocks inside the media block become hidden while scrolling.

**Mask overlay**

#### Mask style

Choose a preset mask style or upload your own SVG file to use as the overlay mask.

**Video**

#### Video

Select a video to display in the media block.

#### Video placeholder image

Upload an image to display before the video starts playing.

**Image**

#### Image

Select an image to display in the media block.

**Appearance**

#### **Horizontal alignment**

Controls the text alignment.

#### **Vertical alignment**

Controls the Vertical alignment. Choose from: Top, Center, Bottom.

#### **Overlay opacity**

Controls the transparency level.

#### **Color scheme**

Applies a predefined color scheme to this element.

{% hint style="info" %}
Color schemes are sets of coordinated colors you define under **Theme settings > Colors**. Choosing a scheme applies its background, text, and accent colors.
{% endhint %}

***

### Supported Blocks

#### Custom liquid

#### Button

#### Buttons

#### Countdown timer

#### Newsletter form

#### Border

#### Logo

#### Menu

#### Social media

#### Image

#### Image link

#### Image sticker

#### Body text

#### Giant heading

#### Heading

#### Icon

#### Link

#### Subheading


---

# 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://moodboard-creations.gitbook.io/agnes/sections/split-hero/_split-hero-media.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.