shape-outside: обтекание текста вокруг фото в статье

shape-outside с float задаёт контур, вокруг которого обтекает текст — классический magazine-layout для иллюстраций в longread.

Для адаптива на мобильном отключайте float — одна колонка.

- [shape-outside — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/shape-outside) — Функции формы.

---

## Современная альтернатива

В Grid/Flex чаще используют двухколоночный layout без float.