change two gallery images

includes/nav.php

@@ -1,4 +1,5 @@
-    <header id="top">
+<header id="top">
+    <img src="../site-resources/assets/header-cat.svg" height="32px" width="32px">
     <h1>This cat rocks!</h1>
     <p>A homepage for my fine feline friend, Baxter</p>
     <nav>
@@ -7,4 +8,4 @@
         <a href="behavior.html">Baxter's behaviors</a>
         <a href="about.html">About this site</a>
     </nav>
-    </header>
+</header>

index.php

@@ -80,12 +80,12 @@
         <h2>My favorite photos of Baxter</h2>
         <div class="photo-gallery">
           <div class="gallery-card">
-            <img src="img/gallery-card-one.webp" alt="My cat Baxter eating from his auto feeder dish.">
+            <img src="./img/posed-baxter.jpg" alt="My cat Baxter laying on my chest over a blanket in bed looking at the camera. The many details and patterns of his mackeral tabby fur pattern are fully visible">
-            <p>Lunch break!</p>
+            <p>A very fancy photo of a very fancy cat!</p>
           </div>
           <div class="gallery-card">
-            <img src="img/gallery-card-four.webp" alt="My cat Baxter flipped upside down on the floor stretching his paws out.">
+            <img src="./img/curious-baxter.jpg" alt="My cat Baxter inspecting the camera lens. His nose is the closest part of him to the lens as he inspects it by smelling as would be typical for a cat inspecting something unfamiliar">
-            <p>Any cat owner will tell you how important their cat takes stretching exercises.</p>
+            <p>A curious baxter inspects the camera lens</p>
           </div>
           <div class="gallery-card">
             <img src="img/gallery-card-three.webp" alt="My cat Baxter as a kitten strecthed out enjoying the sun coming through a window.">