chore: fix image style in minimessage format page

Author: Strokkur424

src/content/docs/adventure/minimessage/format.mdx

@@ -94,11 +94,10 @@ Examples
 <#00ff00>R G B!
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `<yellow>Hello <blue>World</blue>!`, shown in-game in the Minecraft client's chat window" src={Color1.src} />
-<img style="max-height: 10rem;" alt="The result of parsing `<red>This is a <green>test!`, shown in-game in the Minecraft client's chat window" src={Color2.src} />
-</div>
+<br/>
+
+<img style="all: initial" alt="The result of parsing `<yellow>Hello <blue>World</blue>!`, shown in-game in the Minecraft client's chat window" src={Color1.src} />
+<img style="all: initial" alt="The result of parsing `<red>This is a <green>test!`, shown in-game in the Minecraft client's chat window" src={Color2.src} />
 
 ### Color (verbose)
 
@@ -121,11 +120,10 @@ Examples
 <color:#FF5555>This is a <color:#55FF55>test!
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `<color:yellow>Hello <color:blue>World</color:blue>!`, shown in-game in the Minecraft client's chat window" src={ColorVerbose1.src} />
-<img style="max-height: 10rem;" alt="The result of parsing `<color:#FF5555>This is a <color:#55FF55>test!`, shown in-game in the Minecraft client's chat window" src={ColorVerbose2.src} />
-</div>
+<br/>
+
+<img style="all: initial" alt="The result of parsing `<color:yellow>Hello <color:blue>World</color:blue>!`, shown in-game in the Minecraft client's chat window" src={ColorVerbose1.src} />
+<img style="all: initial" alt="The result of parsing `<color:#FF5555>This is a <color:#55FF55>test!`, shown in-game in the Minecraft client's chat window" src={ColorVerbose2.src} />
 
 ### Shadow Color
 
@@ -146,12 +144,11 @@ Examples
 <shadow:#000000FF><b>Thicc
 ```
 
-Preview
-<div style="display: flex;">
-  <img src={Shadow1.src} style="max-width: 50%; margin: auto;" alt="The result of parsing `<shadow:yellow>Hello <shadow:aqua:0.5>World</shadow>!` shown in-game in the Minecraft client's chat window"/>
-  <img src={Shadow2.src} style="max-width: 50%; margin: auto;" alt="The result of parsing `<shadow:#FF5555>This is a <shadow:#55FF55>test!` shown in-game in the Minecraft client's chat window"/>
-  <img src={Shadow3.src} style="max-width: 50%; margin: auto;" alt="The result of parsing `<shadow:#000000FF><b>Thicc` shown in-game in the Minecraft client's chat window"/>
-</div>
+<br/>
+
+<img src={Shadow1.src} style="all: initial" alt="The result of parsing `<shadow:yellow>Hello <shadow:aqua:0.5>World</shadow>!` shown in-game in the Minecraft client's chat window"/>
+<img src={Shadow2.src} style="all: initial" alt="The result of parsing `<shadow:#FF5555>This is a <shadow:#55FF55>test!` shown in-game in the Minecraft client's chat window"/>
+<img src={Shadow3.src} style="all: initial" alt="The result of parsing `<shadow:#000000FF><b>Thicc` shown in-game in the Minecraft client's chat window"/>
 
 ### Decoration
 
@@ -176,10 +173,8 @@ Examples
 <underlined>This is <bold>important</bold>!
 ```
 
-Preview
-<div style="display: inline-block;">
-  <img style="max-height: 10rem;" alt="The result of parsing `<underlined>This is <bold>important</bold>!`, shown in-game in the Minecraft client's chat window" src={Decoration1.src} />
-</div>
+<br/>
+<img style="all: initial" alt="The result of parsing `<underlined>This is <bold>important</bold>!`, shown in-game in the Minecraft client's chat window" src={Decoration1.src} />
 
 ### Reset
 
@@ -198,10 +193,8 @@ Examples
 <yellow><bold>Hello <reset>world!
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `<yellow><bold>Hello <reset>world!`, shown in-game in the Minecraft client's chat window" src={Reset1.src} />
-</div>
+<br/>
+<img style="all: initial" alt="The result of parsing `<yellow><bold>Hello <reset>world!`, shown in-game in the Minecraft client's chat window" src={Reset1.src} />
 
 ### Click
 
@@ -220,10 +213,8 @@ Examples
 Click <click:copy_to_clipboard:Haha you suck> this </click>to copy your score!
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `<click:run_command:/seed>Click</click> to show the world seed!`, shown in-game in the Minecraft client's chat window" src={Click1.src} />
-</div>
+<br/>
+<img style="all: initial" alt="The result of parsing `<click:run_command:/seed>Click</click> to show the world seed!`, shown in-game in the Minecraft client's chat window" src={Click1.src} />
 
 :::caution
 
@@ -254,10 +245,8 @@ Examples
 <hover:show_text:'<red>test'>TEST
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `<hover:show_text:'<red>test'>TEST`, shown in-game in the Minecraft client's chat window" src={Hover1.src} />
-</div>
+<br/>
+<img style="all: initial" alt="The result of parsing `<hover:show_text:'<red>test'>TEST`, shown in-game in the Minecraft client's chat window" src={Hover1.src} />
 
 ### Keybind
 
@@ -274,10 +263,8 @@ Examples
 Press <red><key:key.jump> to jump!
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `Press <red><key:key.jump> to jump!`, shown in-game in the Minecraft client's chat window" src={Key1.src} />
-</div>
+<br/>
+<img style="all: initial" alt="The result of parsing `Press <red><key:key.jump> to jump!`, shown in-game in the Minecraft client's chat window" src={Key1.src} />
 
 ### Translatable
 
@@ -299,11 +286,9 @@ You should get a <lang:block.minecraft.diamond_block>!
 <lang:commands.drop.success.single:'<red>1':'<blue>Stone'>!
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `You should get a <lang:block.minecraft.diamond_block>!`, shown in-game in the Minecraft client's chat window in English" src={Translatable1.src} />
-<img style="max-height: 10rem;" alt="The result of parsing `<lang:commands.drop.success.single:'<red>1':'<blue>Stone'>!`, shown in-game in the Minecraft client's chat window in English" src={Translatable2.src} />
-</div>
+<br/>
+<img style="all: initial" alt="The result of parsing `You should get a <lang:block.minecraft.diamond_block>!`, shown in-game in the Minecraft client's chat window in English" src={Translatable1.src} />
+<img style="all: initial" alt="The result of parsing `<lang:commands.drop.success.single:'<red>1':'<blue>Stone'>!`, shown in-game in the Minecraft client's chat window in English" src={Translatable2.src} />
 
 ### Fallback
 
@@ -346,10 +331,8 @@ Examples
 Shift-click <insert:test>this</insert> to insert!
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `Shift-click <insert:test>this</insert> to insert!`, shown in-game in the Minecraft client's chat window" src={Insertion1.src} />
-</div>
+<br/>
+<img style="all: initial" alt="The result of parsing `Shift-click <insert:test>this</insert> to insert!`, shown in-game in the Minecraft client's chat window" src={Insertion1.src} />
 
 ### Rainbow
 
@@ -370,10 +353,8 @@ Examples
 <yellow>Woo: <rainbow:!2>||||||||||||||||||||||||</rainbow>!
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing all four examples in series, shown in-game in the Minecraft client's chat window" src={Rainbow1.src} />
-</div>
+<br/>
+<img style="all: initial" alt="The result of parsing all four examples in series, shown in-game in the Minecraft client's chat window" src={Rainbow1.src} />
 
 ### Gradient
 
@@ -393,11 +374,8 @@ Examples
 <yellow>Woo: <gradient:green:blue>||||||||||||||||||||||||</gradient>!
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing the examples for the gradient tag, shown in-game in the Minecraft client's chat window" src={Gradient1.src} />
-</div>
-
+<br/>
+<img style="all: initial" alt="The result of parsing the examples for the gradient tag, shown in-game in the Minecraft client's chat window" src={Gradient1.src} />
 
 ### Transition
 
@@ -414,11 +392,8 @@ Examples
 <transition:white:black:red:[phase]>Hello world [phase]</transition>
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `<transition:white:black:red:[phase]>Hello World [phase]</transition>`, shown in-game in the Minecraft client's chat window" src={Transition1.src} />
-</div>
-
+<br/>
+<img style="all: initial" alt="The result of parsing `<transition:white:black:red:[phase]>Hello World [phase]</transition>`, shown in-game in the Minecraft client's chat window" src={Transition1.src} />
 
 ### Font
 
@@ -436,10 +411,8 @@ Nothing <font:uniform>Uniform <font:alt>Alt  </font> Uniform
 <font:myfont:custom_font>Uses a custom font from a resource pack</font>
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `Nothing <font:uniform>Uniform <font:alt>Alt  </font> Uniform`, shown in-game in the Minecraft client's chat window" src={Font1.src} />
-</div>
+<br/>
+<img style="all: initial" alt="The result of parsing `Nothing <font:uniform>Uniform <font:alt>Alt  </font> Uniform`, shown in-game in the Minecraft client's chat window" src={Font1.src} />
 
 ### Newline
 
@@ -460,10 +433,8 @@ Let me insert a <newline>line break here.
 <hover:show_text:'<red>Hover with a<newline><green>line break'>Text with<newline>line break</hover>
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `<hover:show_text:'<red>Hover with a<newline><green>line break'>Text with<newline>line break</hover>`, shown in-game in the Minecraft client's chat window" src={Newline1.src} />
-</div>
+<br/>
+<img style="all: initial" alt="The result of parsing `<hover:show_text:'<red>Hover with a<newline><green>line break'>Text with<newline>line break</hover>`, shown in-game in the Minecraft client's chat window" src={Newline1.src} />
 
 ### Selector
 
@@ -484,10 +455,8 @@ Examples
 Hello <selector:@e[limit=5]>, I'm <selector:@s>!
 ```
 
-Preview
-<div style="display: inline-block;">
-<img style="max-height: 10rem;" alt="The result of parsing `Hello <selector:@e[limit=5]>, I'm <selector:@s>!`, show in-game in the Minecraft client's chat window" src={Selector1.src} />
-</div>
+<br/>
+<img style="all: initial" alt="The result of parsing `Hello <selector:@e[limit=5]>, I'm <selector:@s>!`, show in-game in the Minecraft client's chat window" src={Selector1.src} />
 
 ### Score