diff --git a/assets/pics/gallery/centerpiece/20230108_112718.jpg}.txt b/assets/pics/gallery/centerpiece/20230108_112718.jpg}.txt
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/assets/pics/gallery/centerpiece/20230108_112718.jpg}.txt
@@ -0,0 +1 @@
+
diff --git a/assets/pics/gallery/centerpiece/20230108_112718.jpg}.webp b/assets/pics/gallery/centerpiece/20230108_112718.jpg}.webp
new file mode 100644
index 0000000..2b8df6d
Binary files /dev/null and b/assets/pics/gallery/centerpiece/20230108_112718.jpg}.webp differ
diff --git a/gallery/centerpiece/convertToWebp.sh b/gallery/centerpiece/convertToWebp.sh
index 73856f7..d28c3a3 100755
--- a/gallery/centerpiece/convertToWebp.sh
+++ b/gallery/centerpiece/convertToWebp.sh
@@ -3,30 +3,56 @@
 # Specify the input directory
 INPUT_DIR="../../assets/pics/gallery/centerpiece"
 
-# Ensure ImageMagick is installed
+# Array of image extensions to process (excluding webp)
+IMAGE_EXTENSIONS=("*.heic" "*.jpg" "*.jpeg" "*.png" "*.gif")
 
+# Loop through each image extension
+for ext in "${IMAGE_EXTENSIONS[@]}"; do
+    # Find files matching the current extension
+    for filename in $(find "$INPUT_DIR" -type f -name "$ext"); do
+        # Determine the output file name based on the original extension
+        case "$ext" in
+            *.heic)
+                CONVERTED_FILE="${filename%.heic}.webp"
+                ;;
+            *.jpg|*.jpeg)
+                CONVERTED_FILE="${filename%.{jpg,jpeg}}.webp"
+                ;;
+            *.png)
+                CONVERTED_FILE="${filename%.png}.webp"
+                ;;
+            *.gif)
+                CONVERTED_FILE="${filename%.gif}.webp"
+                ;;
+            *) # Default case for unknown file types (if you add more later)
+                echo "Unknown file type: $filename"
+                continue # Skip to the next file
+                ;;
+        esac
 
-for filename in $(find "$INPUT_DIR" -type f -name "*.heic"); do
-    # Define the output file name
-    CONVERTED_FILE="${filename%.heic}.webp"
+        # Skip if already converted
+        if [[ -f "$CONVERTED_FILE" ]]; then
+            echo "Skipping $filename, already converted."
+            continue
+        fi
 
-    # Skip if already converted
-    if [[ -f "$CONVERTED_FILE" ]]; then
-        echo "Skipping $filename, already converted."
-        continue
-    fi
+        # Convert to WEBP
+        echo "Converting $filename to $CONVERTED_FILE..."
+        convert "$filename" -quality 85 "$CONVERTED_FILE"
 
-    # Convert HEIC to WEBP
-    echo "Converting $filename to $CONVERTED_FILE..."
-    convert "$filename" -quality 85 "$CONVERTED_FILE"
+        # Verify conversion success
+        if [[ -f "$CONVERTED_FILE" ]]; then
+            # Create a blank text file (caption file)
+            txt_file="${CONVERTED_FILE%.webp}.txt"
+            echo -e "" > "$txt_file"
+            echo "Successfully converted $filename to $CONVERTED_FILE and created ${txt_file}"
 
-    # Verify conversion success
-    if [[ -f "$CONVERTED_FILE" ]]; then
-        # Create a blank text file
-        txt_file="${CONVERTED_FILE%.webp}.txt"
-        echo -e "" > "$txt_file"
-        echo "Successfully converted $filename to $CONVERTED_FILE and created ${txt_file}"
-    else
-        echo "Error converting $filename"
-    fi
-done
+            # Delete the original file
+            echo "Deleting original file: $filename"
+            rm "$filename"
+
+        else
+            echo "Error converting $filename"
+        fi
+    done
+done
\ No newline at end of file
diff --git a/gallery/centerpiece/index.html b/gallery/centerpiece/index.html
index 307327b..b7af188 100644
--- a/gallery/centerpiece/index.html
+++ b/gallery/centerpiece/index.html
@@ -98,6 +98,24 @@
         <div class="container">
             <h1 class="title has-text-centered has-text-dark">Centerpieces</h1>
             <div class="gallery">
+                <div class="gallery-item">
+                    <figure class="image is-square">
+                        <img src="../../assets/pics/gallery/centerpiece/20230108_112718.jpg}.webp" alt="" data-target="modal1" aria-haspopup="true">
+                    </figure>
+                    <p class="caption"></p>
+                </div>
+                <div class="modal" id="modal1">
+                    <div class="modal-background"></div>
+                    <div class="modal-card">
+                        <header class="modal-card-head">
+                            <p class="modal-card-title"></p>
+                            <button class="delete" aria-label="close" data-action="close"></button>
+                        </header>
+                        <section class="modal-card-body">
+                            <img class="modal-image" src="../../assets/pics/gallery/centerpiece/20230108_112718.jpg}.webp" alt="">
+                        </section>
+                    </div>
+                </div>
             </div>
         </div>
     </section>