diff --git a/assets/building-wooden-project-400w.jpg b/assets/building-wooden-project-400w.jpg
new file mode 100644
index 0000000..9e8c7bd
Binary files /dev/null and b/assets/building-wooden-project-400w.jpg differ
diff --git a/assets/building-wooden-project-400w.webp b/assets/building-wooden-project-400w.webp
new file mode 100644
index 0000000..b430da2
Binary files /dev/null and b/assets/building-wooden-project-400w.webp differ
diff --git a/assets/grinding-metal-400w.jpg b/assets/grinding-metal-400w.jpg
new file mode 100644
index 0000000..9d127fc
Binary files /dev/null and b/assets/grinding-metal-400w.jpg differ
diff --git a/assets/grinding-metal-400w.webp b/assets/grinding-metal-400w.webp
new file mode 100644
index 0000000..fdf1507
Binary files /dev/null and b/assets/grinding-metal-400w.webp differ
diff --git a/assets/painting-miniatures-400w.jpg b/assets/painting-miniatures-400w.jpg
new file mode 100644
index 0000000..e340a17
Binary files /dev/null and b/assets/painting-miniatures-400w.jpg differ
diff --git a/assets/painting-miniatures-400w.webp b/assets/painting-miniatures-400w.webp
new file mode 100644
index 0000000..bdc69ff
Binary files /dev/null and b/assets/painting-miniatures-400w.webp differ
diff --git a/assets/using-embroidery-machine-400w.jpg b/assets/using-embroidery-machine-400w.jpg
new file mode 100644
index 0000000..cb133b9
Binary files /dev/null and b/assets/using-embroidery-machine-400w.jpg differ
diff --git a/assets/using-embroidery-machine-400w.webp b/assets/using-embroidery-machine-400w.webp
new file mode 100644
index 0000000..ff68da0
Binary files /dev/null and b/assets/using-embroidery-machine-400w.webp differ
diff --git a/index.html b/index.html
index 7a16747..76a256b 100644
--- a/index.html
+++ b/index.html
@@ -96,20 +96,20 @@
 						</p>
 						<div class="home-gallery">
 							<picture>
-								<source type="image/webp" srcset="/assets/painting-miniatures-640x480.webp 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
-								<img width="640" height="480" src="/assets/painting-miniatures-640x480.jpg" srcset="/assets/painting-miniatures-640x480.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member painting a project at a Protospace work table" fetchpriority="high" loading="eager" decoding="async" />
+								<source type="image/webp" srcset="/assets/painting-miniatures-400w.webp 400w, /assets/painting-miniatures-640x480.webp 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
+								<img width="640" height="480" src="/assets/painting-miniatures-640x480.jpg" srcset="/assets/painting-miniatures-400w.jpg 400w, /assets/painting-miniatures-640x480.jpg 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member painting a project at a Protospace work table" fetchpriority="high" loading="eager" decoding="async" />
 							</picture>
 							<picture>
-								<source type="image/webp" srcset="/assets/building-wooden-project-640x504.webp 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
-								<img width="640" height="504" src="/assets/building-wooden-project-640x504.jpg" srcset="/assets/building-wooden-project-640x504.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member working on a wooden project with power tools" loading="eager" decoding="async" />
+								<source type="image/webp" srcset="/assets/building-wooden-project-400w.webp 400w, /assets/building-wooden-project-640x504.webp 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
+								<img width="640" height="504" src="/assets/building-wooden-project-640x504.jpg" srcset="/assets/building-wooden-project-400w.jpg 400w, /assets/building-wooden-project-640x504.jpg 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member working on a wooden project with power tools" loading="eager" decoding="async" />
 							</picture>
 							<picture>
-								<source type="image/webp" srcset="/assets/using-embroidery-machine-640x480.webp 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
-								<img width="640" height="480" src="/assets/using-embroidery-machine-640x480.jpg" srcset="/assets/using-embroidery-machine-640x480.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member using an industrial embroidery machine" loading="eager" decoding="async" />
+								<source type="image/webp" srcset="/assets/using-embroidery-machine-400w.webp 400w, /assets/using-embroidery-machine-640x480.webp 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
+								<img width="640" height="480" src="/assets/using-embroidery-machine-640x480.jpg" srcset="/assets/using-embroidery-machine-400w.jpg 400w, /assets/using-embroidery-machine-640x480.jpg 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member using an industrial embroidery machine" loading="eager" decoding="async" />
 							</picture>
 							<picture>
-								<source type="image/webp" srcset="/assets/grinding-metal-640x480.webp 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
-								<img width="640" height="480" src="/assets/grinding-metal-640x480.jpg" srcset="/assets/grinding-metal-640x480.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member grinding metal in the metal shop" loading="eager" decoding="async" />
+								<source type="image/webp" srcset="/assets/grinding-metal-400w.webp 400w, /assets/grinding-metal-640x480.webp 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
+								<img width="640" height="480" src="/assets/grinding-metal-640x480.jpg" srcset="/assets/grinding-metal-400w.jpg 400w, /assets/grinding-metal-640x480.jpg 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member grinding metal in the metal shop" loading="eager" decoding="async" />
 							</picture>
 						</div>
 						<p>