I'm working a webb app for my trading card game that lets users create their own cards. I want each card to have its own unique OG image. But the LinkedIn post inspector says the image can't be found.

Each OG image should fetch the card's card render image (a screenshot of the card taken with puppeteer on card creation).

Does anyone here have experience creating dynamic OG images?

Here are the relevant files: https://github.com/NexusTCG/nexus-tcg/tree/main/app/(dashboard)/cards/%5Bslug%5D

I'm a n00b dev, with 1 year of react experience, fyi.