Use the `--distribution-media` and `--distribution-content` CSS properties to adjust the teaser's layout.

```html
<sd-teaser style="--distribution-media: 20%; --distribution-content: 80%;">
  <h3 slot="headline">Lorem ipsum sic semper</h3>
  <img slot="media" src="./placeholders/images/architecture.jpg" alt="" style="width:100%; height: auto;" />
  <p>
    Quis ut ex cupidatat proident cillum ullamco ea aute ad laborum aliqua incididunt sint ipsum. Elit enim
    reprehenderit aliquip officia in minim. Eu ipsum pariatur dolor. Do ex in cupidatat anim aliqua sint voluptate sunt
    nulla incididunt.
  </p>
</sd-teaser>
```