add compilation stages to list

Author: sarahhaggarty

docs/topics/compiler-plugins/custom-compiler-plugins.md

@@ -15,15 +15,23 @@ API is **unstable**. You need to invest significant ongoing effort to maintain i
 
 ### The Kotlin compiler and compiler plugins
 
-![Kotlin compiler stages](compiler-stages.svg){width=300}
-
-The Kotlin compiler:
-
-1. Parses the source code and turns it into a structured syntax tree. 
-2. Analyzes and resolves the code by determining what it means, resolving names, checking types, and enforcing visibility rules.
-3. Generates an Intermediate Representation (IR), a data structure that acts as a bridge between source code and machine code. 
-4. Progressively lowers the IR into simpler forms.
-5. Translates the lowered IR into target-specific output, such as JVM bytecode, JavaScript, or native machine code.
+<list columns="2">
+    <li>
+        <p></p>
+        <br>
+        <img src="compiler-stages.svg" width="400" alt="Kotlin compilation stages"/>
+    </li>
+    <li>
+        <p>The Kotlin compiler:</p>
+        <ol>
+            <li>Parses the source code and turns it into a structured syntax tree.</li>
+            <li>Analyzes and resolves the code by determining what it means, resolving names, checking types, and enforcing visibility rules.</li>
+            <li>Generates an Intermediate Representation (IR), a data structure that acts as a bridge between source code and machine code. </li>
+            <li>Progressively lowers the IR into simpler forms.</li>
+            <li>Translates the lowered IR into target-specific output, such as JVM bytecode, JavaScript, or native machine code.</li>
+        </ol>
+    </li>
+</list>
 
 Plugins can affect the initial compiler stages through the frontend API, changing how the compiler resolves code.
 For example, a plugin can add annotations or introduce new methods without bodies, or change visibility modifiers. These