Sub figures in two columns that are vertically aligned.

[atharvaaalok]

In a previous question I asked about putting subfigures in a two-column fashion.
The solution provided works in terms of putting the figures side by side but the figures are not vertically aligned.
In particular. I have two images that I set the scale % differently for. The captions are not aligned vertically.

Also, the figures are no longer sub-figures, they are labeled as Figure 1 and 2.

My code:

:::::{grid} 2

::::{grid-item}
:::{figure} assets/a_basic_spline.svg
:label: a_basic_spline
:width: 100%
:alt: A basic spline drawing to represent a parameterized shape.
Parameterized shape, using a spline.
:::
::::

::::{grid-item}
:::{figure} assets/stanford_bunny.svg
:label: stanford_bunny
:width: 60%
:alt: The Stanford Bunny shown as a target curve.
Target shape, the [Stanford Bunny](https://en.wikipedia.org/wiki/Stanford_bunny).
:::
::::

Attaching my image files below:

Note: I do not want to set the height parameter to a particular px value as then the scaling doesn't work when the page is resized.

[atharvaaalok]

Is there a solution to this issue?

[FreekPols]

I guess this is your solution:

:::::{grid} 2
:class: items-end
::::{grid-item}
:class: flex flex-col justify-end
:::{figure} fig1.*
🏷️ a_basic_spline
:width: 100%
:alt: A basic spline drawing to represent a parameterized shape.
Parameterized shape, using a spline.
:::
::::

::::{grid-item}
:class: flex flex-col justify-end
:::{figure} fig2.*
🏷️ stanford_bunny
:width: 60%
:alt: The Stanford Bunny shown as a target curve.
Target shape, the Stanford Bunny.
:::
::::

here we utilize tailwind css

[FreekPols]

::::{figure}
:class: grid grid-cols-2 items-end gap-4
🏷️ fig_combined
:width: 100%
:::{figure} fig1.*
:width: 50%
🏷️ fig1x
Caption A
:::
:::{figure} fig2.*
🏷️ fig2x
:width: 50%
Caption B
:::
caption
::::

[atharvaaalok]

This doesn't seem to align the captions of the sub-figures.