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

# Media and avatar layouts (positioning)

> How to use split screen and different avatar positionnings

Create more engaging social media video with our magic editor that let's you switch between:

* Full screen avatar: takes up the whole screen, no media in front
* Small avatar: puts your avatar in small in one of the 4 corners of the frame with media behind
* Splitscreen: puts your avatar on the top/bottom half (9:16 ratio) or right/left half (16:9 ratio)
* Back avatar: the avatar isn't visible anymore, the media is in front in full screen

### How to use layouts?

<Steps>
  <Step title="Pick the layout in the options">
    After picking your avatar, enable the B-rolls and pick the layout option you like.

    <Info>
      Picking "Auto" will put a mix of different settings.
    </Info>

    <img src="https://mintcdn.com/argil/-UAhf1yAWS2oQpVh/images/Captured%E2%80%99e%CC%81cran2025-06-18a%CC%8014.23.28.png?fit=max&auto=format&n=-UAhf1yAWS2oQpVh&q=85&s=f326b0207ed2339885298782d160302b" alt="Captured’écran2025 06 18à14 23 28 Pn" width="400" height="420" data-path="images/Captured’écran2025-06-18à14.23.28.png" />
  </Step>

  <Step title="In the studio editor, edit each individual media layout">
    You can click on any media and change the independant settings for each of them. Then if you want to apply that change to all your medias, click on "apply to all medias".

    <img src="https://mintcdn.com/argil/-UAhf1yAWS2oQpVh/images/Captured%E2%80%99e%CC%81cran2025-06-18a%CC%8014.24.30.png?fit=max&auto=format&n=-UAhf1yAWS2oQpVh&q=85&s=f5bb7172dec53795feb9476e8b097f68" alt="Captured’écran2025 06 18à14 24 30 Pn" width="372" height="760" data-path="images/Captured’écran2025-06-18à14.24.30.png" />
  </Step>
</Steps>