diff --git a/gallery.html b/gallery.html
index 8eeb0566..12c11231 100644
--- a/gallery.html
+++ b/gallery.html
@@ -2,7 +2,11 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="shortcut icon" type="image/x-icon" href="website_content/favicon.png">
+    <link
+      rel="shortcut icon"
+      type="image/x-icon"
+      href="website_content/favicon.png"
+    />
     <title>SchedulerX</title>
     <style>
       * {
@@ -37,7 +41,6 @@
       }
       .logo {
         height: 70px;
-
         cursor: pointer;
       }
       .container {
@@ -93,9 +96,7 @@
           </a>
         </div>
       </div>
-      <h1 style="margin-bottom: 30px; color: #5da8af">
-        Gallery
-      </h1>
+      <h1 style="margin-bottom: 30px; color: #5da8af">Gallery</h1>
       <div class="screenshot-container">
         <div class="screenshot">
           <img src="website_content/ss1.png" alt="Screenshot 1" />
@@ -121,17 +122,29 @@ <h1 style="margin-bottom: 30px; color: #5da8af">
             </p>
           </div>
         </div>
+        <div class="screenshot">
+          <img src="website_content/ss2_5.png" alt="Screenshot 2.5" />
+          <div class="name">Biometric Screen</div>
+          <div class="description">
+            <p>
+              User will enter height, weight, fitness level, and fitness goal.
+              User can then submit and successfully create an account.
+            </p>
+          </div>
+        </div>
         <div class="screenshot">
           <img src="website_content/ss3.png" alt="Screenshot 3" />
           <div class="name">Forgot Password Screen</div>
           <div class="description">
             <p>
-              User will enter email and be given a link to reset password.User
+              User will enter email and be given a link to reset password. User
               can also navigate back to login screen with the "Back to Login"
               button if they already have an existing account.
             </p>
           </div>
         </div>
+      </div>
+      <div class="screenshot-container">
         <div class="screenshot">
           <img src="website_content/ss4.png" alt="Screenshot 4" />
           <div class="name">Home Screen</div>
@@ -145,8 +158,6 @@ <h1 style="margin-bottom: 30px; color: #5da8af">
             </p>
           </div>
         </div>
-      </div>
-      <div class="screenshot-container">
         <div class="screenshot">
           <img src="website_content/ss5.png" alt="Screenshot 5" />
           <div class="name">Add Screen</div>
@@ -177,6 +188,8 @@ <h1 style="margin-bottom: 30px; color: #5da8af">
             </p>
           </div>
         </div>
+      </div>
+      <div class="screenshot-container">
         <div class="screenshot">
           <img src="website_content/ss8.png" alt="Screenshot 8" />
           <div class="name">Create Meal Screen</div>
@@ -187,8 +200,6 @@ <h1 style="margin-bottom: 30px; color: #5da8af">
             </p>
           </div>
         </div>
-      </div>
-      <div class="screenshot-container">
         <div class="screenshot">
           <img src="website_content/ss9.png" alt="Screenshot 9" />
           <div class="name">Browse Workout (part 1)</div>
@@ -220,6 +231,8 @@ <h1 style="margin-bottom: 30px; color: #5da8af">
             </p>
           </div>
         </div>
+      </div>
+      <div class="screenshot-container">
         <div class="screenshot">
           <img src="website_content/ss12.png" alt="Screenshot 12" />
           <div class="name">Browse Cookbook (part 1)</div>
@@ -230,8 +243,6 @@ <h1 style="margin-bottom: 30px; color: #5da8af">
             </p>
           </div>
         </div>
-      </div>
-      <div class="screenshot-container">
         <div class="screenshot">
           <img src="website_content/ss13.png" alt="Screenshot 13" />
           <div class="name">Browse Cookbook (part 2)</div>
@@ -263,6 +274,8 @@ <h1 style="margin-bottom: 30px; color: #5da8af">
             </p>
           </div>
         </div>
+      </div>
+      <div class="screenshot-container">
         <div class="screenshot">
           <img src="website_content/ss16.png" alt="Screenshot 16" />
           <div class="name">Settings Screen (part 2)</div>
@@ -273,8 +286,6 @@ <h1 style="margin-bottom: 30px; color: #5da8af">
             </p>
           </div>
         </div>
-      </div>
-      <div class="screenshot-container">
         <div class="screenshot">
           <img src="website_content/ss17.png" alt="Screenshot 17" />
           <div class="name">Settings Screen (part 3)</div>
diff --git a/website_content/ss10.png b/website_content/ss10.png
index e33d7e61..8b8dc00a 100644
Binary files a/website_content/ss10.png and b/website_content/ss10.png differ
diff --git a/website_content/ss13.png b/website_content/ss13.png
index 138ae77c..807ee956 100644
Binary files a/website_content/ss13.png and b/website_content/ss13.png differ
diff --git a/website_content/ss2_5.png b/website_content/ss2_5.png
new file mode 100644
index 00000000..8900bcb6
Binary files /dev/null and b/website_content/ss2_5.png differ
diff --git a/website_content/ss4.png b/website_content/ss4.png
index 0eab2c7c..a0c4569c 100644
Binary files a/website_content/ss4.png and b/website_content/ss4.png differ
diff --git a/website_content/ss5.png b/website_content/ss5.png
index 8756e18d..c3a47c5a 100644
Binary files a/website_content/ss5.png and b/website_content/ss5.png differ
