image optimization

convert other remaining images on site to webp

cafe-events/valentines-day-25/index.html

@@ -14,7 +14,7 @@
 
         <section>
             <div class="visitor-note">
-                <img class="read-this" src="./img/read.jpg"
+                <img class="read-this" src="./img/read.webp"
                      alt="a piece of note paper that must be clicked on to read"
                      height="300" width="300"
                 >

cafe-events/valentines-day-25/style/style.css

@@ -26,7 +26,7 @@ html {
 body {
     height: 100vh;
     width: auto;
-    background-image: url("../img/background.png");
+    background-image: url("../img/background.webp");
     display: flex;
     flex-direction: column;
     justify-content: space-between;