Fix responsiveness issues

content/post/2021/2021-02-14-kate-valentines-day/index.md

@@ -21,9 +21,7 @@ I didn't actually believe that would be worth the hassle, but Kåre provided imp
 
 The new color picker plugin got some [further improvements by Jan Paul](https://invent.kde.org/utilities/kate/-/merge_requests/190), if you missed what it does, see screenshot below, it shows the color for #hexcodes inline in the text editor view + provides a color picker to alter it.
 
-<p align="center">
-    <a href="/post/2021/2021-02-14-kate-valentines-day/images/kate-color-picker.png" target="_blank"><img width=700 src="/post/2021/2021-02-14-kate-valentines-day/images/kate-color-picker.png"/></a>
-</p>
+![Screenshot of Kate color picker](/post/2021/2021-02-14-kate-valentines-day/images/kate-color-picker.png)
 
 # Open a project per command line
 
@@ -39,9 +37,7 @@ Waqar works on better Git integration.
 This has been an idea since years but we never got around to it ;=)
 Finally we see some progress.
 
-<p align="center">
-    <a href="/post/2021/2021-02-14-kate-valentines-day/images/kate-git-checkout.png" target="_blank"><img width=700 src="/post/2021/2021-02-14-kate-valentines-day/images/kate-git-checkout.png"/></a>
-</p>
+![Screenshot of Kate git branch selector](/post/2021/2021-02-14-kate-valentines-day/images/kate-git-checkout.png)
 
 The current implementation inside the project plugin shows prominently the current branch of your clone below the project name.
 Pressing this button allows you to either switch to an existing branch or create a new one and switch to it.
@@ -53,18 +49,14 @@ Waqar worked on better visualization of the contextual help via LSP, too.
 So far, we just used some normal tooltips, unfortunately that doesn't work that well for the rich content we get from typical LSP servers like clangd.
 Now we have some custom widget for this with proper highlighting and font/color matching the editor theme.
 
-<p align="center">
-    <a href="/post/2021/2021-02-14-kate-valentines-day/images/kate-lsp-tooltip.png" target="_blank"><img width=700 src="/post/2021/2021-02-14-kate-valentines-day/images/kate-lsp-tooltip.png"/></a>
-</p>
+![LSP tooltip](/post/2021/2021-02-14-kate-valentines-day/images/kate-lsp-tooltip.png)
 
 # Improved website theme
 
 Perhaps this change is obvious, as already visible if you read this post on our website [kate-editor.org](https://kate-editor.org/), but we now use the shared theming other KDE websites use, too.
 If you read this from some aggregator, take a look at the start page screenshot below.
 
-<p align="center">
-    <a href="/post/2021/2021-02-14-kate-valentines-day/images/kate-website.png" target="_blank"><img width=700 src="/post/2021/2021-02-14-kate-valentines-day/images/kate-website.png"/></a>
-</p>
+![Screenshot of Kate website](/post/2021/2021-02-14-kate-valentines-day/images/kate-website.png)
 
 Carl [worked on this](https://invent.kde.org/websites/kate-editor-org/-/merge_requests/18), he did a fantastic job.
 

layouts/_default/_markup/render-image.html

+{{/*
+SPDX-FileCopyrightText: 2020 Carl Schwan <carl@carlschwan.eu>
+SPDX-License-Identifier: LGPL-3.0-or-later
+*/}}
+<figure class="text-center">
+  <img src="{{ .Destination }}" class="img-fluid" style="width: 700px" alt="{{ .Text }}" />
+</figure>