diff --git a/public/overview/conference.jpg b/public/overview/conference.jpg
new file mode 100644
index 000000000..c770670be
Binary files /dev/null and b/public/overview/conference.jpg differ
diff --git a/public/overview/hd.jpg b/public/overview/hd.jpg
new file mode 100644
index 000000000..9a9d6dda5
Binary files /dev/null and b/public/overview/hd.jpg differ
diff --git a/public/overview/open-spaces.jpg b/public/overview/open-spaces.jpg
new file mode 100644
index 000000000..b04838c39
Binary files /dev/null and b/public/overview/open-spaces.jpg differ
diff --git a/public/overview/placeholder.png b/public/overview/placeholder.png
new file mode 100644
index 000000000..77fb8c21d
Binary files /dev/null and b/public/overview/placeholder.png differ
diff --git a/public/overview/pyladies-lunch.jpg b/public/overview/pyladies-lunch.jpg
new file mode 100644
index 000000000..c530bdb10
Binary files /dev/null and b/public/overview/pyladies-lunch.jpg differ
diff --git a/public/overview/pyo.jpg b/public/overview/pyo.jpg
new file mode 100644
index 000000000..f337eca3f
Binary files /dev/null and b/public/overview/pyo.jpg differ
diff --git a/public/overview/social-event.jpg b/public/overview/social-event.jpg
new file mode 100644
index 000000000..f6bf04577
Binary files /dev/null and b/public/overview/social-event.jpg differ
diff --git a/public/overview/sprints.jpg b/public/overview/sprints.jpg
new file mode 100644
index 000000000..0e70e9bce
Binary files /dev/null and b/public/overview/sprints.jpg differ
diff --git a/public/overview/summits.jpg b/public/overview/summits.jpg
new file mode 100644
index 000000000..f06e87f3c
Binary files /dev/null and b/public/overview/summits.jpg differ
diff --git a/src/pages/overview.astro b/src/pages/overview.astro
index 1561e1ba6..827222c1e 100644
--- a/src/pages/overview.astro
+++ b/src/pages/overview.astro
@@ -3,6 +3,9 @@ import Layout from "../layouts/Layout.astro";
 import Headline from "@ui/Headline.astro"
 import Section from "@ui/Section.astro";
 
+import { Image } from "astro:assets";
+
+const imageStyle = "m-2 md:float-right max-w-[300px] md:max-w-[400px] lg:max-w-[300px] w-full border-4 border-white rounded-lg shadow-lg ";
 ---
 
 <Layout
@@ -18,16 +21,34 @@ import Section from "@ui/Section.astro";
     <div class="events-grid">
       <div class="event-category">
         <h3>Talks, Tutorials & Posters</h3>
+
+          <Image
+              src="/overview/conference.jpg"
+            alt=""
+            height={250}
+            width={250}
+            class={imageStyle}
+          />
+
         <ul class="event-list">
           <li><a href="/sessions/">~120 talks</a></li>
           <li><a href="/sessions/">~20 tutorials</a></li>
-          <li><a href="/sessions/">5–6 keynotes</a></li>
+          <li><a href="/sessions/">6 keynotes</a></li>
           <li><a href="/sessions/">10 posters</a></li>
         </ul>
       </div>
 
       <div class="event-category">
         <h3>Summits</h3>
+
+          <Image
+              src="/overview/summits.jpg"
+            alt=""
+            height={250}
+            width={250}
+            class={imageStyle}
+          />
+
         <ul class="event-list">
           <li><a href="/session/rust-summit/">Rust Summit</a></li>
           <li><a href="/session/webassembly-summit">WASM Summit</a></li>
@@ -37,13 +58,31 @@ import Section from "@ui/Section.astro";
 
       <div class="event-category">
         <h3>PyLadies Sessions</h3>
+
+          <Image
+              src="/overview/pyladies-lunch.jpg"
+            alt=""
+            height={250}
+            width={250}
+            class={imageStyle}
+          />
+
         <ul class="event-list">
-          <li>Will be added soon!</li>
+          <li><a href="/pyladies">PyLadies Lunch</a></li>
         </ul>
       </div>
 
       <div class="event-category">
         <h3>Beginner Workshops</h3>
+
+          <Image
+              src="/overview/hd.jpg"
+            alt=""
+            height={250}
+            width={250}
+            class={imageStyle}
+          />
+
         <ul class="event-list">
           <li><a href="/beginners-day#django-girls">Django Girls</a></li>
           <li><a href="/beginners-day#humble-data">Humble Data</a></li>
@@ -52,6 +91,15 @@ import Section from "@ui/Section.astro";
 
       <div class="event-category">
         <h3>Community Organizers' Sessions</h3>
+
+          <Image
+              src="/overview/pyo.jpg"
+            alt=""
+            height={250}
+            width={250}
+            class={imageStyle}
+          />
+
         <ul class="event-list">
           <li>Will be added soon!</li>
         </ul>
@@ -59,15 +107,33 @@ import Section from "@ui/Section.astro";
 
       <div class="event-category">
         <h3>Social & Networking Events</h3>
+
+          <Image
+              src="/overview/social-event.jpg"
+            alt=""
+            height={250}
+            width={250}
+            class={imageStyle}
+          />
+
         <ul class="event-list">
           <li><a href="/speakers-dinner/">Speakers' dinner</a></li>
           <li><a href="/beginners-day#beginners-day-unconference">Beginners’ Day Unconference</a></li>
-          <li>More events will be added soon!</li>
+          <li><a href="/social-event">Thursday social event</a></li>
         </ul>
       </div>
 
       <div class="event-category">
         <h3>Open spaces</h3>
+
+          <Image
+              src="/overview/open-spaces.jpg"
+            alt=""
+            height={250}
+            width={250}
+            class={imageStyle}
+          />
+
         <ul class="event-list">
           <li>Will be added soon!</li>
         </ul>
@@ -75,8 +141,17 @@ import Section from "@ui/Section.astro";
 
       <div class="event-category">
         <h3>Sprints</h3>
+
+          <Image
+              src="/overview/sprints.jpg"
+            alt=""
+            height={250}
+            width={250}
+            class={imageStyle}
+          />
+
         <ul class="event-list">
-          <li>10+ open-source projects</li>
+          <li><a href="/sprints">10+ open-source projects</a></li>
         </ul>
       </div>
     </div>
@@ -118,7 +193,7 @@ import Section from "@ui/Section.astro";
 
     .events-grid {
       display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+      grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
       gap: 2rem;
     }