> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pyne.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Media Card

Use the `Media Card` step to display additional visual content (images, GIFs, or videos) alongside the avatar's speech bubble.

**Key Characteristics:**

* **Purpose:** Enhance explanations or demonstrations with supporting media.
* **Appearance:** Appears as a card attached to the main avatar bubble.
* **Common Use Cases:** Showing screenshots, short video demonstrations, or illustrative GIFs without interrupting the main guide flow with a full modal.

*Example Use Case: For a first-time user with no sample data, you could use a Media Card to show a screenshot of what a populated dashboard looks like.*

*Example: Media Card Step in Salesforce*

<img src="https://mintcdn.com/pynegmbh/kQ-U5xvcWyOX7gqR/assets/images/media-card-example.png?fit=max&auto=format&n=kQ-U5xvcWyOX7gqR&q=85&s=5658255c1ba9f4b925ffbf2005abdb43" alt="Media Card Example" width="1024" height="577" data-path="assets/images/media-card-example.png" />

*Example Video: Media Card in Scoro is used to show how to perform an action*

<video controls width="100%" src="https://base.pyne.ai/storage/v1/object/public/docs//Media_Card.mp4" title="Media Card Example Video">
  Sorry, your browser doesn't support embedded videos.
</video>