diff --git a/docs/.vuepress/components/Contribution.vue b/docs/.vuepress/components/Contribution.vue
index 21fe65e66f5a11cc053e865c3525f5921fc3b82a..ddf0114326d94aa4da6dd9d4ca0c59af3487d347 100644
--- a/docs/.vuepress/components/Contribution.vue
+++ b/docs/.vuepress/components/Contribution.vue
@@ -164,6 +164,12 @@
           Check out our Notion template: 
           <a href="https://curvy-caribou-2c5.notion.site/iGEM-Notion-11010f1720c0805d8e12f4e8b2943349?pvs=4" target="_blank">Click here to view the Notion template</a>.
           </p>
+          <!-- Display three images side by side -->
+        <div class="image-row">
+        <img src="https://static.igem.wiki/teams/5306/notion-template/screenshot-2024-09-30-at-00-42-12.webp" alt="Screenshot 1 of Notion template" class="image-item" />
+        <img src="https://static.igem.wiki/teams/5306/notion-template/screenshot-2024-09-30-at-00-43-14.webp" class="image-item" />
+        <img src="https://static.igem.wiki/teams/5306/notion-template/screenshot-2024-09-30-at-00-44-44-2.webp" alt="Screenshot 3 of Notion template" class="image-item" />
+        </div>
         </div>
       </div>
 
@@ -261,4 +267,17 @@ h1, h3 {
 .download-section {
   margin-top: 10px;
 }
+
+.image-row {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 1em;
+}
+
+.image-item {
+  width: 30%; /* Adjust this to control the image size */
+  height: auto;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
 </style>