docs: lazy-load images

[HonkingGoose]

Changes

• Lazy-load more images ¹

Context

We're already using this feature in the Swissquote article. But there are more images that we should lazily load.

Documentation (please check one with an [x])

• I have updated the documentation, or
• No documentation update is required

How I've tested my work (please tick one)

I have verified these changes via:

• Code inspection only, or
• Newly added/modified unit tests, or
• No unit tests but ran on a real repository, or
• Both unit tests + ran on a real repository

Footnotes

1. https://squidfunk.github.io/mkdocs-material/reference/images/#image-lazy-loading ↩

[rarkins]

1. I have some concerns that this messes up the regular markdown rendering of these files
2. Not related to this PR, but I saw that some of these images work when viewing on github and some don't (e.g. /assets with leading slash)

[HonkingGoose]

1. The lazy load directive text will show up on the GitHub preview for these Markdown files. You can even see this in the PR preview, once you click on the "rich diff" button. See how the text for the directive is shown right next to the image.
2. Its weird how some images display properly, and others don't, in the GitHub preview. I don't know how to fix this. 🙈

---

It would be nice if Material for MkDocs could just lazy-load all images by default, without us adding that lazy-load directive. Unfortunately this is not yet possible according to the maintainer:

• Can you set `loading=lazy` as a default for all images? squidfunk/mkdocs-material#3803 (comment)

[renovate-release]

🎉 This PR is included in version 32.188.1 🎉

The release is available on:

• GitHub release
• 32.188.1

Your semantic-release bot 📦🚀