Why is this div becoming a rectangle and not a square?

Question

I am creating a card with a caption underneath it and I realized that there is a gap between the image and the block with the caption block, as can be seen in the snippet. T