# Image

<figure><img src="/files/7dlNVGhyGj0tnsATv1DA" alt=""><figcaption><p>An image block is placed inside an image banner to create a unique layered look</p></figcaption></figure>

### Block settings

* **Image**: Upload or select an existing image
* **Image ratio**: Choose **adapt to image** to keep the image's original proportions or select **portrait**, **square** or **rectangle** to restrict it to a specific shape
* **Maximum width**: Select a width between 0px and 1400px. Choose 1400px to make it always full width, since this matches the default page width.
* **Horizontal alignment**: Keep as **default** to inherit from the parent element or explicitly select **left**, **center** or **right**.
* **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
* **Product**: Optionally, connect the image to a specific product so that the quick add button appears in the bottom right corner of the image


---

# 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://docs.ultramarinastudios.com/blocks/image.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.
