# Block Images

## Large image

<figure><img src="https://images.unsplash.com/photo-1706479552865-c24007563e39?crop=entropy&#x26;cs=srgb&#x26;fm=jpg&#x26;ixid=M3wxOTcwMjR8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDgyODcxMDZ8&#x26;ixlib=rb-4.0.3&#x26;q=85" alt=""><figcaption></figcaption></figure>

## Alignment

Image centered:

<figure><img src="https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2FeupZr9JQZJq5m6MjvQbY%2FScreenshot%202024-02-16%20at%2010.54.58.png?alt=media&#x26;token=fca1f1f5-f338-4332-9037-88ea35587198" alt="" width="358"><figcaption></figcaption></figure>

An image on the left:

<div align="left"><figure><img src="https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2FeupZr9JQZJq5m6MjvQbY%2FScreenshot%202024-02-16%20at%2010.54.58.png?alt=media&#x26;token=fca1f1f5-f338-4332-9037-88ea35587198" alt="" width="358"><figcaption></figcaption></figure></div>

An image on the right:

<div align="right"><figure><img src="https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2FeupZr9JQZJq5m6MjvQbY%2FScreenshot%202024-02-16%20at%2010.54.58.png?alt=media&#x26;token=fca1f1f5-f338-4332-9037-88ea35587198" alt="" width="358"><figcaption></figcaption></figure></div>

## Alignment with caption

Image centered:

<figure><img src="https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2FeupZr9JQZJq5m6MjvQbY%2FScreenshot%202024-02-16%20at%2010.54.58.png?alt=media&#x26;token=fca1f1f5-f338-4332-9037-88ea35587198" alt="" width="358"><figcaption><p>A caption that is longer than the image to test how the images is being positioned relative to it.</p></figcaption></figure>

An image on the left:

<div align="left"><figure><img src="https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2FeupZr9JQZJq5m6MjvQbY%2FScreenshot%202024-02-16%20at%2010.54.58.png?alt=media&#x26;token=fca1f1f5-f338-4332-9037-88ea35587198" alt="" width="358"><figcaption><p>A caption that is longer than the image to test how the images is being positioned relative to it.</p></figcaption></figure></div>

An image on the right:

<div align="right"><figure><img src="https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2FeupZr9JQZJq5m6MjvQbY%2FScreenshot%202024-02-16%20at%2010.54.58.png?alt=media&#x26;token=fca1f1f5-f338-4332-9037-88ea35587198" alt="" width="358"><figcaption><p>A caption that is longer than the image to test how the images is being positioned relative to it.</p></figcaption></figure></div>