> For the complete documentation index, see [llms.txt](https://docs.antsomi.com/cdp-365-user-guide-en/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.antsomi.com/cdp-365-user-guide-en/marketing-hub/email-template/settings/blocks-and-settings/image.md).

# Image

## Content

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2F8lKt5OIazn9sZXkx6okF%2Fimage.png?alt=media&amp;token=0a6275b9-893d-451d-98b7-00a1f0552ff4" alt=""><figcaption></figcaption></figure>

### Static

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FXE64RnG2s3dA8oyXyB9D%2Fimage.png?alt=media&amp;token=da706337-11e9-4752-b49d-115ae632fbcd" alt=""><figcaption></figcaption></figure>

* ***Browse Image:*** Image Selection
* ***Image URL***: A web address that specifies the location of an image

### Dynamic

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FjTTlEBwsLmrewvAs184d%2Fimage.png?alt=media&amp;token=0685cbdc-2aea-402c-9ac1-b91adee2a5f3" alt=""><figcaption></figcaption></figure>

### Image Position

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FuJN1EDLPuAnhXhpa5kUr%2Fimage.png?alt=media&amp;token=6845b5ef-a600-48d4-b930-1696641f73e2" alt=""><figcaption></figcaption></figure>

This setting allows you to position your image within the frame of your screen

### Image Size

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FtdaeGOPfhYwjrvxwnrOT%2Fimage.png?alt=media&amp;token=5162be3e-b179-4f2c-8ba4-b1ab646f759a" alt=""><figcaption></figcaption></figure>

This setting allows you to adjust the size of the image. There are 3 options available:

* ***Unset***: The replaced content is not resized
* ***Cover:*** This option will resize your image to fully “cover” the size of your Fullscreen Background area. This may stretch your image, depending on its original size
* ***Contain***: This option will resize your image so that its longest dimension (width or height) will match 100% of the Fullscreen Background, fully “containing” your image. This may leave empty space, depending on your image’s dimensions. You can pair this setting with one of the Background Repeat options to fill that space

### Align

You can set the alignment of an image (left, right, center)

### Width

It allows you to change the width of the image in PX, %, or Auto

### Height

It allows you to change the height of the image in PX or Auto

### Alt Text

It specifies an alternate text for an image if the image cannot be displayed

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FUlLj18YZtDBcb3SrCeNK%2Fimage.png?alt=media&amp;token=5222072a-2457-412b-8be7-cf5f8112ac91" alt=""><figcaption></figcaption></figure>

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FfYupdatYZqFiVIoG7VYS%2Fimage.png?alt=media&amp;token=0e1efd7a-88c8-4b2e-b714-7d31d19739d6" alt=""><figcaption></figcaption></figure>

* ***Static:*** Enter text
* ***Dynamic:***
  * ***Field:*** It contains ***Business Object attributes***
  * ***Index***: The number of the row in the ***Business Objects Data table***

### Link

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FiXyc76pu1x5SH6kqCJmQ%2Fimage.png?alt=media&amp;token=88148244-1a36-4b64-830f-1b6bd60b2c4d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FV48PFEhzrShiXg5VuhGv%2Fimage.png?alt=media&amp;token=cce7a950-59e5-47e9-be7f-709f18e59922" alt=""><figcaption></figcaption></figure>

* ***Static***: Enter URL
* ***Dynamic:***
  * ***Field***: It contains ***Business Object attributes***
  * ***Index:*** The number of the row in the ***Business Objects Data table***
* ***Add "No Follow": "No follow"*** is a link attribute used by websites to instruct search engines, especially Google, not to pass the link juice from one website to the other.

## Advanced

### Container Styling

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2Fsp7Pq8rM8bttCrHIUHlM%2Fimage.png?alt=media&amp;token=fea3c296-8582-4b91-b4d5-01646c485687" alt=""><figcaption></figcaption></figure>

#### **Background color:**

Apply background color of Text block.

#### **Border**

It allows you to specify the style, width, and color of an element's border

#### **Spacing**

* ***Inner Spacing (Padding):*** \
  Padding is inside the border (or edge) of your element. Increasing the padding will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box
* ***Outer Spacing (Margin):*** \
  Margin is on the outside of the border of your element. If you increase the margin, it will increase the space between this element and the ones next to it. If you remove your margin, there will be no extra space between your elements

#### Z-Index

* The z-index property specifies the stack order of an element
* An element with greater stack order is always in front of an element with a lower stack order

#### Custom ID attribute

The ID of a block, which is used in ***Custom CSS, Custom Javascript***

#### Custom Class attribute

The class of a block, which is used in ***Custom CSS, Custom Javascript***

### **Responsive Design**

### Display condition

You can set the condition to display the block

<figure><img src="https://826840553-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbtU4vFUxT5JkWYHePuoX%2Fuploads%2FwjSo9r9gH8tiLp2kH1ti%2Fimage.png?alt=media&amp;token=6220c28f-9477-47c4-a09d-67a4d0150a38" alt=""><figcaption></figcaption></figure>

* ***Condition***: It includes ***None, Show when, Hidden when***
* ***Field***: It contains ***Business Object attributes***
* ***Index***: The number of the row in the Business Objects Data table
* ***Operator***: It includes ***contains, does not contain, starts with, doesn't start with, ends with, doesn't end with***, etc.
* ***Value***: you can input the value or select an ***attribute from Business Object or Event***


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.antsomi.com/cdp-365-user-guide-en/marketing-hub/email-template/settings/blocks-and-settings/image.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.