diff --git a/README.md b/README.md
index 60fe012f9..7809c3298 100644
--- a/README.md
+++ b/README.md
@@ -50,13 +50,7 @@ C -->|One| D[Result 1]
 C -->|Two| E[Result 2]
     </pre></td>
     <td align="center">
-    <div class="mermaid">
-    flowchart TD
-        A[Hard] -->|Text| B(Round)
-        B --> C{Decision}
-        C -->|One| D[Result 1]
-        C -->|Two| E[Result 2]
-    </div>
+        <img src="https://raw.githubusercontent.com/mermaid-js/mermaid/master/img/gray-flow.png" />
     </td>
 </tr>
 <!-- </Flowchart> -->
@@ -230,3 +224,11 @@ A quick note from Knut Sveidqvist:
 ---
 
 *Mermaid was created by Knut Sveidqvist for easier documentation.*
+
+```mermaid
+flowchart TD
+A[Hard] -->|Text| B(Round)
+B --> C{Decision}
+C -->|One| D[Result 1]
+C -->|Two| E[Result 2]
+```
\ No newline at end of file