fix: image alignment on samenwerking page (#391)

src/templates/PageTemplate.jsx

@@ -2,13 +2,16 @@ import React from 'react';
 import Markdown from 'markdown-to-jsx';
 import { graphql } from 'gatsby';
 import ContentfulPage from '../components/layout/ContentfulPage';
+import styled from 'styled-components';
 
 export default ({ data }) => {
   const page = data.contentfulPage;
 
   return (
     <ContentfulPage page={page}>
-      <Markdown>{page.content.content}</Markdown>
+      <MarkdownPageStyle>
+        <Markdown>{page.content.content}</Markdown>
+      </MarkdownPageStyle>
     </ContentfulPage>
   );
 };
@@ -23,3 +26,15 @@ export const pageQuery = graphql`
     }
   }
 `;
+
+const MarkdownPageStyle = styled.div`
+  .images {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1rem;
+  }
+
+  .images > * {
+    width: 100%;
+  }
+`;