Images broken in MDX file when passing <img /> through a React Component

[MaggieAppleton]

On the /secret-sandwich branch I'm working on a post written in MDX, that includes a React component.

The component is a <LinkCard /> that takes a title, url, and an image as props.

The images I want to add to the cards are in the same folder as the MDX file. When I try to pass them as <LinkCard img="./ety.png" /> they show up broken.

TLDR; How do you pass an image url into a React Component within an MDX file?

Broken images:

Component in the MDX file: