macos-defaults/build/media/media-1x1.html

<article>
  <header>
    <img
      src="../templates/.vuepress/public/logo.svg"
      width="820"
      height="770"
    />
  </header>
</article>

<style>
  body {
    width: 1600px;
  }

  article {
    background: url('./macos-12-large.png') 1568px 1508px;
    width: 1568px;
    height: 1508px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  article header {
    background: #ffffff;
    width: 820px;
    height: 770px;
    border-radius: 50px;
  }
</style>