fix image for markdown

components/AppMarkdown.tsx

@@ -11,9 +11,9 @@ const createMarkdownElement = (tag: keyof JSX.IntrinsicElements, props: any) =>
 
 // Styling for HTML attributes for markdown component
 const REACT_MARKDOWN_CONFIG: Components = {
-  img: ({ node, ...props }) =>
+  img: ({ node, className, ...props }) =>
     createMarkdownElement("img", {
-      className: "py-10 w-full",
+      className: `${className} py-10`,
       ...props,
     }),
   a: ({ node, ...props }) =>

content/about.tsx

@@ -14,7 +14,7 @@ export const ABOUT_CONTENT = {
   HOW_IT_WORKS: {
     TITLE: "How it works",
     DESCRIPTION: `TLSNotary is a protocol which allows people to export data from any web application and prove facts about it to a third-party in a privacy-preserving way by leveraging secure multi-party computation (MPC) to authenticate data communicated between a Prover and a TLS-enabled web server.
-        <img src="/images/ts-notaly-diagram.svg" />
+        <img class="w-full" src="/images/ts-notaly-diagram.svg" />
       `,
 
     STEPS: [