🐛 [BUG] - Card with picture tag gets cutoff

[seangolob]

Describe the bug

Related to: #911

When I try to leverage as="picture" on the Card.Image, I am seeing a missing rounded border at the bottom.

Reproduction steps

This error is not in production. However, if yo would like to reproduce the issue:

1. Go to https://github.com/solutions
2. Inspect the row of cards towards the bottom of the page, remove the inline "display: block" from the picture tag within the card. (That is the workaround)
3. Observe the cutoff bottom edges of the card

Expected behavior

I would expect the picture to have rounded edges at the bottom.

Screenshots

Before (no picture tag):

After (with picture tag):

I believe the issue is the picture tag in this case has display: inline-block style on it which is causing 4px of whitespace under the image. I have a workaround in place to avoid this issue so I am by no means blocked.

Inspect view (with picture tag):

Browsers

No response

OS

No response