> For the complete documentation index, see [llms.txt](https://docs.supademo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.supademo.com/customize/manage-content-and-layout/media-fit-and-aspect-ratio.md).

# 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. 

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.