, and

**Use [](/docs/img) or [`<Gif />`](/docs/gif)** over the native tag, <Image> from Next.js and CSS background-image.
Use <OffthreadVideo />, <Video /> or <Html5Video /> over the native <video> tag.
Use <Audio /> or <Html5Audio /> over the native <audio> tag.
Use <IFrame /> over the native <iframe> tag.

By using the components from Remotion, you ensure that:

<Step>1</Step> The assets are fully loaded before the the frame is rendered

<Step>2</Step> The images and videos are synchronized with Remotion's timeline.