# Image with text

<figure><img src="https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2FEnQCN0770o5qd9jf4iup%2Fimage.png?alt=media&#x26;token=4689a39d-6846-4349-9449-667f6bc4755f" alt=""><figcaption></figcaption></figure>

The main settings in the section are the ones listed [here](https://bigstart.gitbook.io/marble-documentation/content-sections/common-settings). The additional settings are listed below.

### Height

Here you can pick the section height. The options are:

* Extra large
* Large
* Medium
* Compact
* Small
* Based on image height

For these we have set different ratios that can be used to achieve best results.

The only difference is the option `Based on image height` . If you pick this option - the height of the section will be based on the image height.

### Layout

The available settings are:

* Enable fullwidth -- to make the section fullwidth or contained
* Swap image and text -- to switch the positions of the text and the image

### Image

The main option is to pick an image.

More details about Image vertical position can be [found here](https://bigstart.gitbook.io/marble-documentation/common-settings#image-vertical-position).

### Textual content

The content within the section is added through blocks where every block represents different item like: heading, subheading, body text and buttons.

<figure><img src="https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2F7D5AqPu9EnaEYMgoVaVe%2Fimage.png?alt=media&#x26;token=00f4a252-9263-4baa-bbc1-d5f1a5bc8cfb" alt=""><figcaption></figcaption></figure>

With the blocks you can rearrange the content in a way that it best suits your needs.

#### Heading accent elements

In case you want to use highlight a text element in the headings you can use the Bold and Italic properties: ![](https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2FJhYLgpTAqqSas4peipl9%2Fimage.png?alt=media\&token=e02d0a1e-fc89-484a-93ac-f0bfd0f08c64). You can mark a word or a phrase and click one of these.

#### Buttons

More details about the [buttons here](https://bigstart.gitbook.io/marble-documentation/common-settings#buttons).
