Added new gcp marketplace screenshots

[rsickles]

Summary

Added 3 new gcp marketplace screenshots that are the same width and are current with our latest listing.

Checklist

• Delete items not relevant to your PR
• URL changes should add a redirect to the old URL via https://github.com/ClickHouse/clickhouse-docs/blob/main/docusaurus.config.js
• If adding a new integration page, also add an entry to the integrations list here: https://github.com/ClickHouse/clickhouse-docs/blob/main/docs/en/integrations/index.mdx

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.

---

Ryan Sickles seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[Blargian]

@rsickles gcp-marketplace-payg-3.png looks a little strange to me with so much whitespace, i'm guessing the screen shot tool adds it?

[gingerwizard]

cc @crisalbu to comment on image standards

[crisalbu]

We don't have standard yet - we'd need to start testing in order to optimize for best size.

For now, I'd say, let's not use images wider than 800px, and let's strive to use the same size everywhere when possible.

• 800px for standard images, like desktop screenshots and complex diagrams
• 640px for medium sized images, like modals
• 400px for small images

We'll need to revisit this once we've done more testing, wed probably want to start limiting the content width as well, as on large screens it can become quite wide which will also make images look weird.

[rsickles]

@crisalbu any tool or method you recommend to resize wide images to your suggested width? The challenge will be re-sizing gcp-marketplace-payg-1.png which shows a large part of your browser window.