<!-- .slide: data-layout="image-text" -->
## Image + text layout

<div class="image">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" preserveAspectRatio="xMidYMid meet">
<rect width="400" height="300" fill="#E5E7EB"/>
<text x="200" y="160" font-family="sans-serif" font-size="22" fill="#6B7280" text-anchor="middle">your image here</text>
</svg>
</div>
<div class="text">

Drop an image into your deck's `assets/` folder, then reference it from markdown:

```
![alt](assets/diagram.png)
```

The image is left-aligned, the text gets the right column. Both vertically centered.

</div>
