`og:image` not absolute

[buuhuu]

Description
When an author adds a og:image image, it will not render as absolute link.

To Reproduce
Steps to reproduce the behavior:

1. Create a page with a metadata block
2. Add an og image
3. preview
4. inspect the markup. The og:image is relative

Expected behavior
The og:image should be absolute.

Screenshots
This is the document

This the url
https://main--bulk-ssg--buuhuu.aem.page/uk/

This the head / metadata

<title>Metadata</title>
  | <link rel="canonical" href="https://main--bulk-ssg--buuhuu.aem.page/uk/">
  | <meta property="og:title" content="Metadata">
  | <meta property="og:url" content="https://main--bulk-ssg--buuhuu.aem.page/uk/">
  | <meta property="og:image" content="./media_163d187826ac36e9ae78ddf816c7fadae830ccb32.png?width=750&#x26;format=png&#x26;optimize=medium">
  | <meta property="og:image:secure_url" content="https://main--bulk-ssg--buuhuu.aem.page/uk/media_163d187826ac36e9ae78ddf816c7fadae830ccb32.png?width=1200&#x26;format=pjpg&#x26;optimize=medium#width=1600&#x26;height=1600">
  | <meta name="twitter:card" content="summary_large_image">
  | <meta name="twitter:title" content="Metadata">
  | <meta name="twitter:image" content="./media_163d187826ac36e9ae78ddf816c7fadae830ccb32.png?width=750&#x26;format=png&#x26;optimize=medium">
  | <meta name="viewport" content="width=device-width, initial-scale=1">