add baxter thought bubbles

add a thought bubble with a cat blob emoji
that is displayed when baxter gets headscratches

valentines-day-25/index.html

@@ -42,9 +42,6 @@
 
             <div class="items">
                 <img class="baxter-thought"
-                    src="./img/baxter-thoughts/baxter-thought-one.webp"
-                    alt="a thought bubble symbolizing baxter's 
-                    reaction to a head scrath"
                     width="100" height="100"
                 >
 

valentines-day-25/js/script.js

@@ -84,7 +84,10 @@ const extraLove = () => {
 }
 
 const baxterHeadPat = () => {
-    console.log("purrrrrr");
+    const imgSrcArrayNo = Math.floor(Math.random() * 7)
+    console.log(imgSrcArrayNo)
+    const thoughtBubble = document.querySelector(".baxter-thought");
+    thoughtBubble.src = baxterThoughtImgSrc[imgSrcArrayNo];
 };
 
 const main = () => {

valentines-day-25/style/style.css

@@ -211,8 +211,8 @@ section {
 
 .headpats {
     position: absolute;
-    left: 87.12%;
+    left: 86.12%;
-    top: 19.2%;
+    top: 23.2%;
     width: 3%;
     height: 3.03%;
     transform: rotate(17deg);