Laptop-overlay is not centered in the Plasma 5.22 announcement page
In the Plasma 5.22 announcement page, the laptop-overlay picture is closer to the left border instead of being centered.
I am not a web developer, however after a bit of trial and error I was able to get it right by modifying its margin-left property:
diff --git a/layouts/announcements/plasma-5.22.html b/layouts/announcements/plasma-5.22.html
index a31c23c0d..e8147cdd2 100644
--- a/layouts/announcements/plasma-5.22.html
+++ b/layouts/announcements/plasma-5.22.html
@@ -12,7 +12,7 @@
</div>
<div class="laptop-with-overlay d-block my-3 mx-auto w-100" style="max-width: 1000px">
<img class="laptop img-fluid mt-3" src="/reusable-assets/laptop.svg" alt="empty laptop with an overlay" width=2000 height=1220>
- <div class="laptop-overlay" style="margin-left: 10%; margin-top: 3.5%">
+ <div class="laptop-overlay" style="margin-left: 10.5%; margin-top: 3.5%">
<picture>
<source srcset="/announcements/plasma/5/5.22.0/plasma-dark.webp" media="(prefers-color-scheme: dark)" type="image/webp">
<source srcset="/announcements/plasma/5/5.22.0/plasma.webp" media="(prefers-color-scheme: light)" type="image/webp">
but again I am not sure that's the correct way to fix it.
The same applies to the Plasma 5.20 release page and 5.21 as well, although they might be irrelevant by now.