diff --git a/index.html b/index.html
index a80337c..ecf27de 100644
--- a/index.html
+++ b/index.html
@@ -251,22 +251,22 @@
                         <div class="relative flex items-end justify-end w-full h-full overflow-hidden"
                             id="photos-image">
                             <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
-                                alt="" src="./static/assets/photo_building.png" data-section-image="photos"
+                                alt="" src="./static/assets/photos/photo_building.jpg" data-section-image="photos"
                                 data-slide="0" data-photo="photo_building" />
                             <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
-                                alt="" src="./static/assets/photo_dandelion.png" data-section-image="photos"
+                                alt="" src="./static/assets/photos/photo_dandelion.jpg" data-section-image="photos"
                                 data-slide="1" data-photo="photo_dandelion" />
                             <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
-                                alt="" src="./static/assets/photo_flowers.png" data-section-image="photos"
+                                alt="" src="./static/assets/photos/photo_flowers.jpg" data-section-image="photos"
                                 data-slide="2" data-photo="photo_flowers" />
                             <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
-                                alt="" src="./static/assets/photo_plush.png" data-section-image="photos" data-slide="3"
+                                alt="" src="./static/assets/photos/photo_plush.jpg" data-section-image="photos" data-slide="3"
                                 data-photo="photo_plush" />
                             <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
-                                alt="" src="./static/assets/photo_tower.png" data-section-image="photos" data-slide="4"
+                                alt="" src="./static/assets/photos/photo_tower.jpg" data-section-image="photos" data-slide="4"
                                 data-photo="photo_tower" />
                             <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
-                                alt="" src="./static/assets/photo_trains.png" data-section-image="photos" data-slide="5"
+                                alt="" src="./static/assets/photos/photo_trains.jpg" data-section-image="photos" data-slide="5"
                                 data-photo="photo_trains" />
                             <p class="font-bold text-4xl p-[8px] w-full h-full bg-black bg-opacity-20 flex items-end justify-end">PHOTOS</p>
                         </div>
diff --git a/static/assets/photo_building.png b/static/assets/photo_building.png
deleted file mode 100644
index cb47f9a..0000000
Binary files a/static/assets/photo_building.png and /dev/null differ
diff --git a/static/assets/photo_dandelion.png b/static/assets/photo_dandelion.png
deleted file mode 100644
index f125237..0000000
Binary files a/static/assets/photo_dandelion.png and /dev/null differ
diff --git a/static/assets/photo_flowers.png b/static/assets/photo_flowers.png
deleted file mode 100644
index 9faf256..0000000
Binary files a/static/assets/photo_flowers.png and /dev/null differ
diff --git a/static/assets/photo_plush.png b/static/assets/photo_plush.png
deleted file mode 100644
index 0bec419..0000000
Binary files a/static/assets/photo_plush.png and /dev/null differ
diff --git a/static/assets/photo_tower.png b/static/assets/photo_tower.png
deleted file mode 100644
index 5a83ade..0000000
Binary files a/static/assets/photo_tower.png and /dev/null differ
diff --git a/static/assets/photo_trains.png b/static/assets/photo_trains.png
deleted file mode 100644
index 6df895f..0000000
Binary files a/static/assets/photo_trains.png and /dev/null differ
diff --git a/static/assets/photos/photo_building.jpg b/static/assets/photos/photo_building.jpg
new file mode 100644
index 0000000..8d6bc73
Binary files /dev/null and b/static/assets/photos/photo_building.jpg differ
diff --git a/static/assets/photos/photo_dandelion.jpg b/static/assets/photos/photo_dandelion.jpg
new file mode 100644
index 0000000..be76c36
Binary files /dev/null and b/static/assets/photos/photo_dandelion.jpg differ
diff --git a/static/assets/photos/photo_flowers.jpg b/static/assets/photos/photo_flowers.jpg
new file mode 100644
index 0000000..e14548f
Binary files /dev/null and b/static/assets/photos/photo_flowers.jpg differ
diff --git a/static/assets/photos/photo_plush.jpg b/static/assets/photos/photo_plush.jpg
new file mode 100644
index 0000000..e618d37
Binary files /dev/null and b/static/assets/photos/photo_plush.jpg differ
diff --git a/static/assets/photos/photo_tower.jpg b/static/assets/photos/photo_tower.jpg
new file mode 100644
index 0000000..62ed335
Binary files /dev/null and b/static/assets/photos/photo_tower.jpg differ
diff --git a/static/assets/photos/photo_trains.jpg b/static/assets/photos/photo_trains.jpg
new file mode 100644
index 0000000..94ed9e8
Binary files /dev/null and b/static/assets/photos/photo_trains.jpg differ