I am having issues creating a social media preview for my nextjs website, All the text is displayed in the preview but the image never comes up. take a look https://obafemi-portfolio.vercel.app/. Here is my metadata object below, where am I getting it wrong. articles and docs have really not been helpful.

export const metadata: Metadata = {
  title: "...",
  description:
    "...",
  metadataBase: new URL("..."),
  icons: {
    icon: "/icon.png",
    shortcut: "/favicon.ico",
    apple: "/apple-icon.png",
  },
  openGraph: {
    title: "...",
    description:
      "...",
    url: "https://obafemi-portfolio.vercel.app/",
    siteName: "...",
    images: "/og-image.png",
    locale: "en_US",
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    title: "...",
    description:
      "...",
    images: "/og-image.png",
  },
};