diff --git a/src/components/markdown-renderer/styles.tsx b/src/components/markdown-renderer/styles.tsx
index db69039c..e36dd075 100644
--- a/src/components/markdown-renderer/styles.tsx
+++ b/src/components/markdown-renderer/styles.tsx
@@ -1,7 +1,7 @@
 import { Paragraph } from 'components/paragraph/Paragraph';
 import styled, { DefaultTheme } from 'styled-components';
 import breakpoint from 'styled-components-breakpoint';
-import { mb, mt, ml, pb } from 'styled-components-spacing';
+import { mb, mt, ml, pb, my } from 'styled-components-spacing';
 import { Heading } from '../heading/Heading';
 import { Link } from '../link/Link';
 
@@ -51,8 +51,8 @@ export const OrderedList = styled.ol`
 
 // Fixes for gatsby span wrapper
 export const Span = styled.span`
-  &.gatsby-resp-image-wrapper {
-    margin: 0 !important;
+  & > .gatsby-resp-image-wrapper {
+    ${my(5)};
   }
 `;
 
diff --git a/src/components/table-of-contents/TableOfContents.tsx b/src/components/table-of-contents/TableOfContents.tsx
index 3d1a5ca5..68bc0678 100644
--- a/src/components/table-of-contents/TableOfContents.tsx
+++ b/src/components/table-of-contents/TableOfContents.tsx
@@ -26,7 +26,11 @@ const TocItems = ({
           onClick={(e) => {
             e.preventDefault();
             onClickItem?.();
-            document.getElementById(id)?.scrollIntoView({ behavior: 'smooth' });
+            if (id === 'introduction') {
+              window.scrollTo({ top: 0, behavior: 'smooth' });
+            } else {
+              document.getElementById(id)?.scrollIntoView({ behavior: 'smooth' });
+            }
           }}
         >
           {text}
diff --git a/src/hooks/useTableOfContents.ts b/src/hooks/useTableOfContents.ts
index e3928c94..a036c584 100644
--- a/src/hooks/useTableOfContents.ts
+++ b/src/hooks/useTableOfContents.ts
@@ -9,15 +9,20 @@ const useTableOfContents = () => {
 
   useEffect(() => {
     const els = Array.from(
-      document.querySelectorAll<HTMLElement>('h2[id], h3[id]')
+      document.querySelectorAll<HTMLElement>('[id="introduction"], h2[id], h3[id]')
     );
 
     setHeadings(
-      els.map((el) => ({
-        id: el.id,
-        text: el.textContent ?? '',
-        level: el.tagName === 'H2' ? 2 : 3,
-      }))
+      els.map((el) => {
+        if (el.id === 'introduction') {
+          return { id: 'introduction', text: 'Introduction', level: 2 as const };
+        }
+        return {
+          id: el.id,
+          text: el.textContent ?? '',
+          level: el.tagName === 'H2' ? 2 : (3 as const),
+        };
+      })
     );
 
     const INITIAL_TOP = 320; // 20rem
@@ -31,7 +36,7 @@ const useTableOfContents = () => {
       // headings, making the captured `els` reference stale detached nodes
       // whose getBoundingClientRect() returns all zeros.
       const liveEls = Array.from(
-        document.querySelectorAll<HTMLElement>('h2[id], h3[id]')
+        document.querySelectorAll<HTMLElement>('[id="introduction"], h2[id], h3[id]')
       );
       let currentId = liveEls[0]?.id ?? '';
       for (const el of liveEls) {
diff --git a/src/posts/nestjs-aws-lambda-cdk-deployment.md b/src/posts/nestjs-aws-lambda-cdk-deployment.md
index 77046ff3..6b696c04 100644
--- a/src/posts/nestjs-aws-lambda-cdk-deployment.md
+++ b/src/posts/nestjs-aws-lambda-cdk-deployment.md
@@ -29,7 +29,7 @@ By the end of this guide, you’ll have:
 - Infrastructure defined as code: a Lambda function, HTTP API Gateway, provisioned with AWS CDK
 - A GitHub Actions workflow that builds and deploys your stack automatically on every push to `main`
 
-### ![Simple artchitecture diagram of NestJS deployment in AWS Lambda](../images/nestjs-aws-serverless/nestjs-serverless-lambda-simple-diagram.png)
+![Simple artchitecture diagram of NestJS deployment in AWS Lambda](../images/nestjs-aws-serverless/nestjs-serverless-lambda-simple-diagram.png)
 
 The complete source code is available on [GitHub](https://github.com/ajeetchaulagain/nestjs-serverless-aws-lambda-cdk).
 
diff --git a/src/templates/BlogPage/BlogPage.tsx b/src/templates/BlogPage/BlogPage.tsx
index ec860ed5..68e8e96f 100644
--- a/src/templates/BlogPage/BlogPage.tsx
+++ b/src/templates/BlogPage/BlogPage.tsx
@@ -94,7 +94,7 @@ const BlogTemplate: React.FC<PageProps<DataProps, PageContextProps>> = (
       />
       <HeroBlank />
       <ContentRenderer>
-        <PostHeaderContainer>
+        <PostHeaderContainer id="introduction">
           <PostHeaderLeftColumn>
             <Heading size="xlarge">{title}</Heading>
 
diff --git a/tests/__screenshots__/darwin/desktop/visual-regression-dark-theme.spec.ts/blog-page.png b/tests/__screenshots__/darwin/desktop/visual-regression-dark-theme.spec.ts/blog-page.png
index 87e67f97..b28c0f6f 100644
Binary files a/tests/__screenshots__/darwin/desktop/visual-regression-dark-theme.spec.ts/blog-page.png and b/tests/__screenshots__/darwin/desktop/visual-regression-dark-theme.spec.ts/blog-page.png differ
diff --git a/tests/__screenshots__/darwin/desktop/visual-regression-light-theme.spec.ts/blog-page.png b/tests/__screenshots__/darwin/desktop/visual-regression-light-theme.spec.ts/blog-page.png
index de1b52ca..9d92ab85 100644
Binary files a/tests/__screenshots__/darwin/desktop/visual-regression-light-theme.spec.ts/blog-page.png and b/tests/__screenshots__/darwin/desktop/visual-regression-light-theme.spec.ts/blog-page.png differ
diff --git a/tests/__screenshots__/darwin/mobile/visual-regression-dark-theme.spec.ts/blog-page.png b/tests/__screenshots__/darwin/mobile/visual-regression-dark-theme.spec.ts/blog-page.png
index 14843ad9..82297230 100644
Binary files a/tests/__screenshots__/darwin/mobile/visual-regression-dark-theme.spec.ts/blog-page.png and b/tests/__screenshots__/darwin/mobile/visual-regression-dark-theme.spec.ts/blog-page.png differ
diff --git a/tests/__screenshots__/darwin/mobile/visual-regression-light-theme.spec.ts/blog-page.png b/tests/__screenshots__/darwin/mobile/visual-regression-light-theme.spec.ts/blog-page.png
index 9fb640e7..1ebcfb9b 100644
Binary files a/tests/__screenshots__/darwin/mobile/visual-regression-light-theme.spec.ts/blog-page.png and b/tests/__screenshots__/darwin/mobile/visual-regression-light-theme.spec.ts/blog-page.png differ
diff --git a/tests/__screenshots__/darwin/tablet/visual-regression-dark-theme.spec.ts/blog-page.png b/tests/__screenshots__/darwin/tablet/visual-regression-dark-theme.spec.ts/blog-page.png
index 313b9a21..b3f44d5a 100644
Binary files a/tests/__screenshots__/darwin/tablet/visual-regression-dark-theme.spec.ts/blog-page.png and b/tests/__screenshots__/darwin/tablet/visual-regression-dark-theme.spec.ts/blog-page.png differ
diff --git a/tests/__screenshots__/darwin/tablet/visual-regression-light-theme.spec.ts/blog-page.png b/tests/__screenshots__/darwin/tablet/visual-regression-light-theme.spec.ts/blog-page.png
index fb8610c8..1b16e1ef 100644
Binary files a/tests/__screenshots__/darwin/tablet/visual-regression-light-theme.spec.ts/blog-page.png and b/tests/__screenshots__/darwin/tablet/visual-regression-light-theme.spec.ts/blog-page.png differ
diff --git a/tests/__screenshots__/linux/desktop/visual-regression-dark-theme.spec.ts/blog-page.png b/tests/__screenshots__/linux/desktop/visual-regression-dark-theme.spec.ts/blog-page.png
index 69041b68..50ae3546 100644
Binary files a/tests/__screenshots__/linux/desktop/visual-regression-dark-theme.spec.ts/blog-page.png and b/tests/__screenshots__/linux/desktop/visual-regression-dark-theme.spec.ts/blog-page.png differ
diff --git a/tests/__screenshots__/linux/desktop/visual-regression-light-theme.spec.ts/blog-page.png b/tests/__screenshots__/linux/desktop/visual-regression-light-theme.spec.ts/blog-page.png
index e1b3f325..39f1feb1 100644
Binary files a/tests/__screenshots__/linux/desktop/visual-regression-light-theme.spec.ts/blog-page.png and b/tests/__screenshots__/linux/desktop/visual-regression-light-theme.spec.ts/blog-page.png differ
diff --git a/tests/__screenshots__/linux/mobile/visual-regression-dark-theme.spec.ts/blog-page.png b/tests/__screenshots__/linux/mobile/visual-regression-dark-theme.spec.ts/blog-page.png
index 1666d961..7ac2a4e3 100644
Binary files a/tests/__screenshots__/linux/mobile/visual-regression-dark-theme.spec.ts/blog-page.png and b/tests/__screenshots__/linux/mobile/visual-regression-dark-theme.spec.ts/blog-page.png differ
diff --git a/tests/__screenshots__/linux/mobile/visual-regression-light-theme.spec.ts/blog-page.png b/tests/__screenshots__/linux/mobile/visual-regression-light-theme.spec.ts/blog-page.png
index 5e90b9e7..b7281b6d 100644
Binary files a/tests/__screenshots__/linux/mobile/visual-regression-light-theme.spec.ts/blog-page.png and b/tests/__screenshots__/linux/mobile/visual-regression-light-theme.spec.ts/blog-page.png differ
diff --git a/tests/__screenshots__/linux/tablet/visual-regression-dark-theme.spec.ts/blog-page.png b/tests/__screenshots__/linux/tablet/visual-regression-dark-theme.spec.ts/blog-page.png
index c9b0c0b9..b9ee8c8a 100644
Binary files a/tests/__screenshots__/linux/tablet/visual-regression-dark-theme.spec.ts/blog-page.png and b/tests/__screenshots__/linux/tablet/visual-regression-dark-theme.spec.ts/blog-page.png differ
diff --git a/tests/__screenshots__/linux/tablet/visual-regression-light-theme.spec.ts/blog-page.png b/tests/__screenshots__/linux/tablet/visual-regression-light-theme.spec.ts/blog-page.png
index cabfef33..7429ef4d 100644
Binary files a/tests/__screenshots__/linux/tablet/visual-regression-light-theme.spec.ts/blog-page.png and b/tests/__screenshots__/linux/tablet/visual-regression-light-theme.spec.ts/blog-page.png differ