Выровняйте `.r-stack` изображений вверху в презентации Quarto Showjs. ⇐ CSS

[Anonymous]

Я использую формат презентации Quarto Showjs. Я использую .r-stack, чтобы складывать несколько изображений друг на друга следующим образом:

Код: Выделить всё

---
format: revealjs
---

## My slide

:::{.r-stack}

:::{.fragment .fade-in-then-out style="text-align: center"}
**Image 1 title**

![](https://static.pexels.com/photos/45201/kitty-cat-kitten-pet-45201.jpeg){width="30%"}
:::

:::{.fragment .fade-in style="text-align: center"}
**Image 2 title**

![](https://static.pexels.com/photos/45201/kitty-cat-kitten-pet-45201.jpeg){width="50%"}
:::

:::

По умолчанию .r-stack центрирует изображения вертикально друг над другом. Вместо этого я хотел бы выровнять их все вверху, но не смог понять, как это сделать. Я пробовал такие вещи, как :::{.r-stack style="align-items: flex-start;" или :::{.r-stack style="vertical-align: top;"} , но ничего не работает.
Кто-нибудь знает, как выровнять элементы в .r-стеке по вертикали (и по горизонтали)?

Подробнее здесь: https://stackoverflow.com/questions/786 ... esentation