revealjs: how use fragment to fade images in the same position?

[aborruso]

Description

Hi,
I would like to use fragments for 3 images with the same size.
I want them to go in one after the other when clicked. And each one that goes in, overlays the previous one.

I used the code below, but after each click, the next image lower the previous one, does not exactly overlap above.
How do I fade in, so that each new image exactly covers the previous one?

Thank you

## title

::: {.fragment  fragment-index=1}
![ ](images/01.jpg){height="250" .absolute top=0 }
:::

::: {.fragment  fragment-index=2}
![ ](images/02.jpg){height="250" .absolute top=0 }
:::

::: {.fragment  fragment-index=3}
![ ](images/03.jpg){height="250" .absolute top=0 }
:::

[aborruso]

In this way https://quarto.org/docs/presentations/revealjs/advanced.html#stack-layout

::: {.r-stack}
![ ](images/android_01.jpg){.fragment height="550" }



![ ](images/android_02.jpg){.fragment height="550" }



![ ](images/android_03.jpg){.fragment height="550" }
:::