website: Docs and README new screenshots (cherry-pick #22341 to version-2026.5) (#22441)

website: Docs and README new screenshots (#22341)

* new screenshots

* added line about Docs style guide to bump

* tweak

* Optimised images with calibre/image-actions

* Apply suggestion from @dominic-r



* changed size to match original

* Optimised images with calibre/image-actions

* adjusted size to match original, resolution is 72

* Optimised images with calibre/image-actions

* resize attempt

* Optimised images with calibre/image-actions

* try again

* Optimised images with calibre/image-actions

* update the screenshots from the real instance



* Optimised images with calibre/image-actions

---------

Signed-off-by: Dominic R <dominic@goauthentik.io>
Signed-off-by: Jens Langhammer <jens@goauthentik.io>
Co-authored-by: Tana M Berry <tanamarieberry@yahoo.com>
Co-authored-by: authentik-automation[bot] <135050075+authentik-automation[bot]@users.noreply.github.com>
Co-authored-by: Dominic R <dominic@goauthentik.io>
Co-authored-by: Connor Peshek <connor@connorpeshek.me>
Co-authored-by: Jens Langhammer <jens@goauthentik.io>
Co-authored-by: Marc 'risson' Schmitt <marc.schmitt@risson.space>

README.md

@@ -36,6 +36,8 @@ Our [enterprise offering](https://goauthentik.io/pricing) is available for organ
 
 See the [Developer Documentation](https://docs.goauthentik.io/docs/developer-docs/) for information about setting up local build environments, testing your contributions, and our contribution process.
 
+When you contribute documentation, either to accompany a code change or as a standalone contribution, please be sure to follow our documentation [Style Guide](website/docs/developer-docs/docs/style-guide.mdx).
+
 ## Security
 
 Please see [SECURITY.md](SECURITY.md).