update readme

README.md

@@ -34,14 +34,14 @@ You may also wrap markup inside of a TODO in order to emphasize a block.
 <!-- |ENDTODO -->
 ```
 
+<img src="/resources/images/block-comment-result.jpg" alt="inline-comment-result" width="540px" />
+
 Blade comments are also supported and work the same:
 
 ```blade
 {{-- |TODO: This button is not yet implemented --}}
 ```
 
-<img src="/resources/images/block-comment-result.jpg" alt="inline-comment-result" width="540px" />
-
 ### Modifying the TODO keywords
 
 By default magic todo's are opt in. Meaning you'll have to append a pipe `|` token. You are free to modify this behaviour any way you like by by publishing the package config and edit the `magic-todo.open` & `magic-todo.close` keywords.