Grid item with aspect-ratio

[hebrerillo]

Hello there!

Here is a codepen with the problem:

https://codepen.io/hebrerillo/pen/rNbLXaR

I have a grid container with two components in the same row. The problem is that the second component overlaps the first one, even though the first one has a valid width and height.

Why??

Thank you so much!