> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/triumph/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/triumph/template/shared-blocks/media.md).

# Media

Represents a single media item within the gallery.

**Image**\
Upload or select an image to display.

**Product**\
Choose a product to use as its featured image.\
*Note:* *If a product is selected, its featured image will automatically replace the uploaded image.*

**Width on desktop**\
Controls how wide the media appears on desktop screens (15-45%).

{% hint style="success" %}
Example from the '*Media horizontal scroll*' section.
{% endhint %}

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FFtrtYtalRdM40u1wV6z1%2Fmedia%20horizontal%20scroll_media.png?alt=media&amp;token=782cfbc5-dc71-4e16-afef-21b774b6e229" alt=""><figcaption></figcaption></figure>