Add center alignment and image for Kanvas launch article

Signed-off-by: leecalcote <[email protected]>

src/collections/news/2024/2024-11-12-layer5-launches-kanvas-a-collaborative-platform-for-cloud-native-infrastructure/index.mdx

@@ -17,6 +17,7 @@ published: true
 ---
 import { Link } from "gatsby";
 import Kanvas from "./kanvas-icon-color.svg";
+import KanvasScreenshot from "./layer5-kanvas-designer.png";
 import { NewsWrapper } from "../../News.style.js";
 import Blockquote from "../../../../reusecore/Blockquote";
 import BlockquoteAlt from "../../../../reusecore/Blockquote/Blockquote-alt-style";
@@ -26,6 +27,8 @@ import BlockquoteAlt from "../../../../reusecore/Blockquote/Blockquote-alt-style
 [Salt Lake City, UT] [KubeCon + CloudNativeCon] - November 14th, 2024 – <Link to="/">Layer5</Link>, the open source company behind the popular <a href="https://meshery.io">Meshery</a> project, announces Kanvas, a new collaboration platform that is like Google Workspace, but designed for engineering teams.
 </p>
 
+<img src={KanvasScreenshot} width="80%" className="block-display align-center">
+
 <p><a href="https://kanvas.new/">Kanvas</a> is a multi-modal collaboration suite built atop one of the Cloud Native Computing Foundation’s highest velocity open source projects: Meshery. Kanvas’s two modes, Designer and Operator, offer declarative and imperative DevOps workflows, respectively. Both modes provide a visual interface for creating and managing complex cloud native infrastructure, expediting collaborative problem-solving, brainstorming and innovation, engineer onboarding, and auto-documented infrastructure. Importantly, Kanvas helps teams avoid finger-pointing and the blame-game by allowing them to be on the same page - literally.</p>
 
 <BlockquoteAlt 

src/collections/news/News.style.js

@@ -19,6 +19,9 @@ export const NewsWrapper = styled.div`
     .block-display {
         display: block;
     }
+    .align-center {
+        text-align: center;
+    }
 
 
 @media screen and (max-width: 768px) {