Reveal.js Presentation: how make r-stretch works inside columns?

[aborruso]

Hi,
I have the below hello world presentation.

If I use {.r-stretch } outside a column, I have the image fits to slide, but if I use inside a column it does not fit inside it (in the image below an example).

How make r-stretch also works inside columns?

Thank you

---
title: "hello"
author: "world"
format:
  revealjs:
    theme: dark
    auto-stretch: false
---

:::: {.columns}

::: {.column width="50%"}
Left column

![](https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Tree_of_life_by_Haeckel.jpg/800px-Tree_of_life_by_Haeckel.jpg){.r-stretch }

:::

::: {.column width="50%"}

Right column

![](https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Tree_of_life_by_Haeckel.jpg/800px-Tree_of_life_by_Haeckel.jpg){.r-stretch }
:::

::::

---

![](https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Tree_of_life_by_Haeckel.jpg/800px-Tree_of_life_by_Haeckel.jpg){.r-stretch }

[jjallaire]

Currently r-stretch only works for images at the very top level of the slide (this feature is provided directly by reveal and relies on doing some measurement of rendered content that is likely trickier in the case of columns).

[aborruso]

Ok, I will use simply the height (or width) of the images, and it works great for me.

Thank you

---
title: "hello"
author: "world"
format:
  revealjs:
    theme: dark
    auto-stretch: false
---

:::: {.columns}

::: {.column width="50%"}
Left column

![ ](https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Tree_of_life_by_Haeckel.jpg/800px-Tree_of_life_by_Haeckel.jpg){height="550" }

:::

::: {.column width="50%"}

Right column

![ ](https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Tree_of_life_by_Haeckel.jpg/800px-Tree_of_life_by_Haeckel.jpg){height="550" }
:::

::::

---

![ ](https://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Tree_of_life_by_Haeckel.jpg/800px-Tree_of_life_by_Haeckel.jpg){height="550" }