chore: Address comments regarding markdown

content/blog/2024/09/kaoto-release-2.2.0/index.md

@@ -7,71 +7,61 @@ categories: ["Releases", "Tooling", "Kaoto"]
 preview: "Kaoto 2.2 has been released"
 ---
 
-<div style="text-align: center">
-  <img src="cover.png" alt="Kaoto" height="400"/>
-</div>
+![Kaoto](cover.png)
 
-<br/>
 Following the Apache Camel 4.8 release, we are happy to announce the release of Kaoto 2.2 with many improvements to enhance the user experience.
 
 This time, the theme was to improve the visualizations and the user experience in the Canvas, as well as to provide more flexibility to the users. Read on to discover the key highlights of this release and how they can improve your workflow with Kaoto.
 
 ## What’s New in Kaoto 2.2?
 
-### Canvas Improvements
+### New look and feel
+The flow elements have been redesigned to provide a more modern and clean look. The new design is more intuitive and user-friendly, making it easier to work with your integrations.
 
-- New look and feel: The flow elements have been redesigned to provide a more modern and clean look. The new design is more intuitive and user-friendly, making it easier to work with your integrations.
+![Canvas](canvas.png)
 
-<div style="text-align: center">
-  <img src="canvas.png" alt="Canvas" height="400"/>
-</div>
+### Added containers for better organization
+This feature allows you to expand and collapse integration parts, making it easier to work with complex integrations.
 
-- Added containers for better organization: This feature allows you to expand and collapse integration parts, making it easier to work with complex integrations.
+![Containers for branches](containersForBranches.png)
 
-<div style="text-align: center">
-  <img src="containersForBranches.png" alt="Containers for branches" height="400"/>
-</div>
+### Open source code to the side
+There is a quick action button to open the source code with a single click, making it easier to work with both the visual and textual representation of your integration.
 
-- Open source code to the side: There is a quick action button to open the source code with a single click, making it easier to work with both the visual and textual representation of your integration.
+![Open source code to the side using editor quick action button](openSourceCodeToTheSide.gif)
 
-<div style="text-align: center">
-  <img src="openSourceCodeToTheSide.gif" alt="Open source code to the side using editor quick action button" height="400"/>
-</div>
+### Filter configuration properties
+You can now filter the configuration properties in the side panel, showing by default the required properties, and allowing you to see the modified ones as well.
 
-- Filter configuration properties: You can now filter the configuration properties in the side panel, showing by default the required properties, and allowing you to see the modified ones as well.
+| Required properties | Modified properties |
+| --- | --- |
+| ![Required properties](requiredProperties.png) | ![Modified properties](modifiedProperties.png) |
 
-<div style="text-align: center; display: flex; flex-flow: row; align-items: center;">
-  <img src="requiredProperties.png" alt="Required properties" height="400"/>
-  <img src="modifiedProperties.png" alt="Modified properties" style="margin-left: 20px;" height="400"/>
-</div>
+### Updated the components icons
+The icons for the components have been updated to provide a more consistent and modern look, especially around the AI related components.
 
-- Updated the components icons: The icons for the components have been updated to provide a more consistent and modern look, especially around the AI related components.
+![Component icons](componentIcons.png)
 
-<div style="text-align: center;">
-  <img src="componentIcons.png" alt="Component icons" height="400"/>
-</div>
+### Pagination for the catalog
+The catalog now supports pagination, making it easier and faster to navigate through the components and find the one you need.
 
-- Pagination for the catalog: The catalog now supports pagination, making it easier and faster to navigate through the components and find the one you need.
+![Catalog pagination](catalogPagination.png)
 
-<div style="text-align: center;">
-  <img src="catalogPagination.png" alt="Catalog pagination" height="400"/>
-</div>
+### Warning when replacing steps
+When replacing a step in the canvas, you will now get a warning if the step you are replacing has child steps, preventing you from losing your work.
 
-- Warning when replacing steps: When replacing a step in the canvas, you will now get a warning if the step you are replacing has child steps, preventing you from losing your work.
+![Warning when replacing steps](warningWhenReplacingSteps.png)
 
-<div style="text-align: center;">
-  <img src="warningWhenReplacingSteps.png" alt="Catalog pagination" height="400"/>
-</div>
+### Choose the label to display
+You can now choose whether to use the step id or the step description for the step labels, offering more flexibility in how you work with the canvas.
 
-- Choose the label to display: You can now choose whether to use the step id or the step description for the step labels, offering more flexibility in how you work with the canvas.
+![Choose node label](chooseNodeLabel.png)
 
-<div style="text-align: center;">
-  <img src="chooseNodeLabel.png" alt="Choose node label"/>
-</div>
+### Remember side bar width
+The side panel width is now remembered between sessions, making it easier to work with the side panel.
 
-- Remember side bar width: The side panel width is now remembered between sessions, making it easier to work with the side panel.
-
-- Expose models through the NPM package: You can now use the Kaoto models in your own projects by installing the Kaoto NPM package, making easier to integrate Kaoto in your own projects.
+### Expose models through the NPM package
+You can now use the Kaoto models in your own projects by installing the Kaoto NPM package, making easier to integrate Kaoto in your own projects.
 
 ## Let's build it together
 
@@ -81,9 +71,7 @@ You can also join the [Kaoto channel](https://camel.zulipchat.com/#narrow/stream
 
 You can also check out our [examples repository](https://github.com/KaotoIO/kaoto-examples) to see some more advanced use cases which were set up using Kaoto.
 
-<div style="text-align: center">
-  <ins>All contributions are welcome!</ins>
-</div>
+**All contributions are welcome!**
 
 ## What comes next?
 
@@ -94,11 +82,9 @@ Kaoto continues to be available as [a VS Code extension](https://marketplace.vis
 Feel free to explore the new features and improvements, and let us know what you think!
 
 ---
-<br/><br/>
-<div style="text-align: center">
+
 We invite you to explore these new features on your fashion integrations.
-<br/><br/>
-  <img src="fashionIntegrations.jpeg" alt="Kaoto fashion" height="400"/>
-<br/><br/>
+
+![Kaoto fashion](fashionIntegrations.jpeg)
+
 Give it a try today and <a href="https://github.com/orgs/KaotoIO/discussions">tell us</a> about your experience!
-</div>