> ## Documentation Index > Fetch the complete documentation index at: https://docs.yarn.so/llms.txt > Use this file to discover all available pages before exploring further. # Images and video > Put logos, screenshots, photos and video inside an overlay. Show a logo, a product shot or a short clip right next to your text. **Ask the Agent:** "Make an image of a laptop on a desk and use it as the title card background." · "Put this logo in the top-right corner of the title card." (Click **+** to attach the logo first.) Images the Agent makes use [credits](https://docs.yarn.so/workspace/plan-and-credits.md). ## Do it yourself ### Add an image * Click **Add Image or Video**, or press I, then upload a file or pick a recent one. Images go into the overlay at the playhead. * Or copy an image and paste it into the editor. You can paste several at once. * Or select an overlay and click **Insert** → **Image**. To swap it later, right-click the image on the canvas and choose **Replace Image…**. ### Style it Select the image to see its controls in the top bar. ![The top bar for a selected image, above it on the canvas: Cover, Contain and Fill, then corner radius, border width, border color and opacity](https://mintcdn.com/yarn/5d87hh-DSpIitaVH/images/image-top-bar.png?fit=max\&auto=format\&n=5d87hh-DSpIitaVH\&q=85\&s=c1bd696b8e81e9938b71c59d2529bf65) | Control | What it does | | - | - | | **Cover** | Fills the box and trims off what doesn't fit. | | **Contain** | Shows the whole image inside the box. | | **Fill** | Stretches the image to the box. | | **Corner Radius** | Rounds the corners. | | **Border Width** | Adds an outline. Pick its color beside it. | | **Opacity** | Makes the image see-through. | Click **Show Detail Panel** and use **Colorize** to tint the whole image one color, which is handy for making a logo white. ### Video in an overlay Select an overlay and click **Insert** → **Video**, or select a video clip on the timeline and switch it from **Timeline Clip** to **Graphics Video**.