diff --git a/week3/gallery.html b/week3/gallery.html
index 7b768e8..e4258bb 100644
--- a/week3/gallery.html
+++ b/week3/gallery.html
@@ -23,13 +23,13 @@ <h1>GALLERY! ^_< ☆</h1>
         
         <!-- hint: majority of your lab assignment can go here -->
         <div class="col1">
-            <button onclick="openPopup(1)" class="placeholder-img"></button>
-            <button onclick="openPopup(2)" class="placeholder-img"></button>
+            <button onclick="openPopup(1)" class="placeholder-img" style="background-image:url(images/img_001.jpg);"></button>
+            <button onclick="openPopup(2)" class="placeholder-img" style="background-image:url(images/img_002.jpg);"></button>
         </div>
 
         <div class="col2">
-            <button onclick="openPopup(3)" class="placeholder-img"></button>
-            <button onclick="openPopup(4)" class="placeholder-img"></button>
+            <button onclick="openPopup(3)" class="placeholder-img" style="background-image:url(images/img_003.jpg);"></button>
+            <button onclick="openPopup(4)" class="placeholder-img" style="background-image:url(images/img_004.jpg);"></button>
         </div>
     </main>
 
@@ -49,10 +49,10 @@ <h1>GALLERY! ^_< ☆</h1>
     function createImage(img_id) {
         const newImage = document.createElement("img");
         newImage.id = "display-img";
-        newImage.src = "images/image.jpg";        
-        newImage.setAttribute("alt", "Placeholder image " + img_id);
+        let image_source = "images/img_00" + img_id + ".jpg";
+        newImage.src = image_source;        
+        newImage.setAttribute("alt", "Location image");
         document.getElementById("content").appendChild(newImage);
-        
     }
 
     function openPopup(img_id) {
diff --git a/week3/images/image.jpg b/week3/images/img_000.jpg
similarity index 100%
rename from week3/images/image.jpg
rename to week3/images/img_000.jpg
diff --git a/week3/images/img_001.jpg b/week3/images/img_001.jpg
new file mode 100644
index 0000000..f50ab38
Binary files /dev/null and b/week3/images/img_001.jpg differ
diff --git a/week3/images/img_002.jpg b/week3/images/img_002.jpg
new file mode 100644
index 0000000..d9b47bf
Binary files /dev/null and b/week3/images/img_002.jpg differ
diff --git a/week3/images/img_003.jpg b/week3/images/img_003.jpg
new file mode 100644
index 0000000..9b1a62a
Binary files /dev/null and b/week3/images/img_003.jpg differ
diff --git a/week3/images/img_004.jpg b/week3/images/img_004.jpg
new file mode 100644
index 0000000..b8b9ffc
Binary files /dev/null and b/week3/images/img_004.jpg differ
diff --git a/week3/images/photo-icon-picture-icon-image-sign-symbol-vector-illustration_64749-4409.avif b/week3/images/photo-icon-picture-icon-image-sign-symbol-vector-illustration_64749-4409.avif
deleted file mode 100644
index b5938a3..0000000
Binary files a/week3/images/photo-icon-picture-icon-image-sign-symbol-vector-illustration_64749-4409.avif and /dev/null differ
diff --git a/week3/styles/gallery.css b/week3/styles/gallery.css
index df382e5..e23b98e 100644
--- a/week3/styles/gallery.css
+++ b/week3/styles/gallery.css
@@ -27,7 +27,7 @@ main {
 .placeholder-img {
     width: 75%;
     height: 100%;
-    background: url("../images/image.jpg");
+    background: url("../images/img_000.jpg");
     background-size: cover;
     background-position: center;