Update opengraph image

[bjohansebas]

The image used as a preview on social media can be improved by making it more friendly to the 'first-class citizen'

Proposal:

Preview:

[IamLizu]

LGTM 👍

[bjohansebas]

I think it would be good to do something similar to what Node.js does on its page and define 3 types of images (announcements, releases, and vulnerabilities). Although at the moment it might not be possible due to the use of Jekyll (I haven't seen a way to do it automatically), in the future, when we have switched to a different technology, there will surely be an easier way to implement it (In Next.js and Astro, this can be done easily)

I'm not sure if it's a good idea to implement it, but doing so would add a plus to improve both the blog and the documentation.

Edit: An idea about design (I don't know much about design, but I try) https://www.figma.com/design/vXKOfE4sYqUZ3lbsVY8H3s/Untitled?node-id=0-1&m=dev&t=dMHPBbH6IBcWZRHv-1