# Stacked images with text

This section creates a scrolling collage-style layout, overlaying different sized and shaped images as the user scrolls.

<figure><img src="https://3146423938-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZQuVfmt0J7tzTvfBqG6C%2Fuploads%2FN1MnAtgWc5d12jzdJuWq%2Fimage.png?alt=media&#x26;token=e81bdb3f-272e-4282-a9f4-269c804045b2" alt="Stacked images with text with text on the left and stacking images on the right"><figcaption><p>Stacked images with text on the <a href="https://primavera-precision.myshopify.com/">Primavera Precision demo store</a></p></figcaption></figure>

### Settings

* **Horizontal alignment**: Choose left, center or right alignment for the theme blocks on the left (on desktop)

### Blocks

All [theme blocks](https://docs.ultramarinastudios.com/blocks) are available to use in this section.

This section comes preloaded with a [heading](https://docs.ultramarinastudios.com/blocks/heading), [text](https://docs.ultramarinastudios.com/blocks/text) and [button](https://docs.ultramarinastudios.com/blocks/buttons) theme blocks, as well as a group of **stacked images**. For each nested image block, you have the following settings:

* **Image**: Select or upload an image
* **Image ratio**: Choose between portrait, square or landscape
* **Image width**: Choose a width in %
* **Link**: If you want the image to be clickable and link to a page, enter a URL here
* **Link label:** If you entered a link, be sure to add a label here to describe the link destination, required for accessibility

{% hint style="info" %}
The following settings are explained in detail in [common settings](https://docs.ultramarinastudios.com/common-settings):

* Color scheme/Color scheme transition
* Borders
  {% endhint %}