Add image to project page

src/pages/projects/[route].astro

@@ -18,7 +18,14 @@ if (project == null) return
 
 <Layout page={project.name} description={project.description}>
 	<section id={styles.jumbo}>
-		<h1 class={styles.title}>{project.name}</h1>
+		<img
+			id={styles.thumb}
+			src={`/images/${project.thumbImage}`}
+			alt={project.name}
+		/>
+		<h1 class={styles.title}>
+			{project.name}
+		</h1>
 		<Divider />
 		<p class={styles.overview}>{project.overview}</p>
 	</section>

src/styles/Layout.css

@@ -30,6 +30,7 @@ svg {
 
 img {
 	max-width: 100%;
+	max-height: 100%;
 }
 
 main {

src/styles/Project.module.css

@@ -5,6 +5,10 @@
 	max-width: 40rem;
 }
 
+#thumb {
+	height: 10rem;
+}
+
 .overview {
 	width: 100%;
 	padding: 20px;