fix: too large images

Author: zlataovce

src/content/docs/paper/dev/api/command-api/misc/comparison-bukkit-brigadier.md

@@ -113,5 +113,4 @@ this.getLifecycleManager().registerEventHandler(LifecycleEvents.COMMANDS, comman
 
 And we are done! As you can see here, both commands do the same thing:
 
-![](./assets/bukkitparty-command.png)
-![](./assets/paperparty-command.png)
+<span style="display: flex;">![](./assets/bukkitparty-command.png) ![](./assets/paperparty-command.png)</span>

src/content/docs/paper/dev/api/entity-api/display-entities.md

@@ -195,7 +195,7 @@ Bukkit.getScheduler().runTaskTimer(plugin, task -> {
 }, 1 /* delay the initial transformation by one tick from display creation */, duration);
 ```
 
-![Interpolation example](./assets/display-interp.gif)
+<span class="img-inline-center">![Interpolation example](./assets/display-interp.gif)</span>
 
 ## Use cases
 

src/content/docs/velocity/admin/reference/comparison.md

@@ -71,7 +71,8 @@ Meet [Hyrum's Law](https://www.hyrumslaw.com/):
 
 Here's Hyrum's law in comic format, in case that eases getting the point across:
 
-> [![xkcd #1172](https://imgs.xkcd.com/comics/workflow.png)](https://xkcd.com/1172/)
+> <span class="img-inline">[![xkcd #1172](https://imgs.xkcd.com/comics/workflow.png)](https://xkcd.com/1172/)</span>
+>
 > ["Workflow"](https://xkcd.com/1172/) from [xkcd](https://xkcd.com/) by Randal Munroe,
 > [licensed](https://xkcd.com/license.html) under
 > [CC BY-NC 2.5](https://creativecommons.org/licenses/by-nc/2.5/)

src/styles/custom.css

@@ -24,6 +24,13 @@
 .sl-markdown-content img:not([alt="Diagram"]) {
   width: 100%;
 }
+.sl-markdown-content .img-inline img {
+  margin: 0;
+  width: auto;
+}
+.sl-markdown-content .img-inline-center img {
+  width: auto;
+}
 
 /* Safari fixes for logo sizing */
 .hero-html > img {