# Media Fit & Aspect Ratio

{% hint style="warning" %}
In cases where the aspect ratio or resolution differs between multiple slides, Supademo will use the aspect ratio (i.e. 1920x1080; 1.78:1) of the first slide to determine the remainder of the slides. \
\
To ensure consistency in the fit of each slide, we recommend using the same aspect ratio, which you can see when you hover over Upload Image/Video. You can also use the **Media Fit or Crop functions** **below** to resize or align subsequent slides as desired.
{% endhint %}

It can sometimes be difficult to ensure consistent slide/video widths, aspect ratios, or dimensions across every slide in your Supademo, *especially as you add new slides via recording or uploads*. This previously led to situations where certain slides would get cut off, or some slides would see a "punched in" effect.&#x20;

The two features below address this issue:

### Crop Tool

Use the built-in crop tool to resize a specific image or video-based slide. By default, the editor will enforce your current Supademo's aspect ratio to ensure consistency. See the tutorial below:

{% @supademo/embed demoId="cmb11q51l1fgwppkpkm1umz6y" url="<https://app.supademo.com/demo/cmb11q51l1fgwppkpkm1umz6y>" %}

### Media Fit Mode

With this feature, you can fix inconsistent widths, aspect ratios, or resolutions between slides in a single Supademo to reduce distortion across your slides.&#x20;

Choose from two different fit modes:&#x20;

* **Cover**: Use to expand the current video or image slide to cover the entire Supademo frame;&#x20;
* **Contain**: Use to fit the entire video or image slide to fit within the confines of the Supademo frame.


---

# 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.supademo.com/customize/manage-content-and-layout/media-fit-and-aspect-ratio.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.
