Fix image names and add remaining images to home

src/routes/+page.svelte

@@ -6,7 +6,7 @@
 	}
 	
 	onMount(() => {
-		document.getElementById('banner').src = document.getElementById('banner').src.replace("pic0", `pic${rand(1,14)}`);
+		document.getElementById('banner').src = document.getElementById('banner').src.replace("pic0", `pic${rand(1,30)}`);
 		console.log(document.getElementById('banner').src);
 	})
 

src/routes/gallery/+page.svelte

@@ -43,32 +43,32 @@
 
 <div class="grid">
 	<div><img class="gallery-image" src="assets/images/gallery/pic19.png" alt="pic19"></div>
+	<div><img class="gallery-image" src="assets/images/gallery/pic20.png" alt="pic20"></div>
+	<div><img class="gallery-image" src="assets/images/gallery/pic21.png" alt="pic21"></div>
+</div>
+<div class="grid">
 	<div><img class="gallery-image" src="assets/images/gallery/pic22.png" alt="pic22"></div>
 	<div><img class="gallery-image" src="assets/images/gallery/pic23.png" alt="pic23"></div>
+	<div><img class="gallery-image" src="assets/images/gallery/pic24.png" alt="pic24"></div>
+</div>
+
+<div class="grid">
+	<div><img class="gallery-image" src="assets/images/gallery/pic25.png" alt="pic25"></div>
+	<div><img class="gallery-image" src="assets/images/gallery/pic14.png" alt="pic14"></div>
+	<div><img class="gallery-image" src="assets/images/gallery/pic26.png" alt="pic26"></div>
+</div>
+
+<div class="grid">
+<div><img class="gallery-image" src="assets/images/gallery/pic27.png" alt="pic27"></div>
 </div>
 <div class="grid">
 	<div><img class="gallery-image" src="assets/images/gallery/pic28.png" alt="pic28"></div>
+
 	<div><img class="gallery-image" src="assets/images/gallery/pic29.png" alt="pic29"></div>
+</div>
+<div class="grid">
 <div><img class="gallery-image" src="assets/images/gallery/pic30.png" alt="pic30"></div>
 </div>
-
-<div class="grid">
-	<div><img class="gallery-image" src="assets/images/gallery/pic31.png" alt="pic31"></div>
-	<div><img class="gallery-image" src="assets/images/gallery/pic14.png" alt="pic14"></div>
-	<div><img class="gallery-image" src="assets/images/gallery/pic33.png" alt="pic33"></div>
-</div>
-
-<div class="grid">
-<div><img class="gallery-image" src="assets/images/gallery/pic31.png" alt="pic31"></div>
-</div>
-<div class="grid">
-	<div><img class="gallery-image" src="assets/images/gallery/pic34.png" alt="pic34"></div>
-
-	<div><img class="gallery-image" src="assets/images/gallery/pic36.png" alt="pic36"></div>
-</div>
-<div class="grid">
-<div><img class="gallery-image" src="assets/images/gallery/pic35.png" alt="pic35"></div>
-</div>
 <style>
 	img.gallery-image {
 		border-radius: 1em;