Пропорции

Пять именованных пропорций для блоков с медиа: место резервируется до того, как загрузится содержимое.

<tk-aspect-ratio ratio="1/1" style="inline-size: 120px"><tk-skeleton shape="rect"></tk-skeleton></tk-aspect-ratio>
<tk-aspect-ratio ratio="4/3" style="inline-size: 120px"><tk-skeleton shape="rect"></tk-skeleton></tk-aspect-ratio>
<tk-aspect-ratio ratio="16/9" style="inline-size: 120px"><tk-skeleton shape="rect"></tk-skeleton></tk-aspect-ratio>

Токен	CSS-переменная	Пропорция	Для чего
`aspect-ratio-1-1`	`--aspect-ratio-1-1`	1 / 1	аватары, миниатюры, плитки
`aspect-ratio-16-9`	`--aspect-ratio-16-9`	16 / 9	видео, крупные медиа, карточки; по умолчанию
`aspect-ratio-4-3`	`--aspect-ratio-4-3`	4 / 3	классические фото
`aspect-ratio-3-4`	`--aspect-ratio-3-4`	3 / 4	вертикальные карточки, обложки
`aspect-ratio-3-2`	`--aspect-ratio-3-2`	3 / 2	редакционная фотография

Оборачивайте медиа в Aspect ratio: ratio="16/9" пишется через косую черту, в имени токена — через дефис.
Или берите токен в CSS: aspect-ratio: var(--aspect-ratio-1-1).
Другая пропорция, например 21 / 9: задайте --tk-aspect-ratio: 21 / 9 у tk-aspect-ratio.