Changed all images to webp format for faster load times

css/styles.css

···
   height: 32rem;
   margin: 0 auto;
   background-color: black;
-  background: url("/Images/Intro-Background.jpg");
+  background: url("/Images/Intro-Background.webp");
   background-size: cover;
 }
 

index.html

···
               <img
                 alt="Image of Emerald Yards Webiste"
                 class="Card-Image"
-                src="/Images/EmeraldYards.png"
+                src="/Images/EmeraldYards.webp"
               />
               <p class="Card-Title">Emerald Yards</p>
             </div>
···
               <img
                 alt="Image of Dayton Disc Golf Webiste"
                 class="Card-Image"
-                src="/Images/DaytonDiscGolf.png"
+                src="/Images/DaytonDiscGolf.webp"
               />
               <p class="Card-Title">Dayton Disc Golf</p>
             </div>
···
               <img
                 alt="Reynplds & Reynolds logo"
                 class="Pro-Image"
-                src="/Images/ReyRey.png"
+                src="/Images/ReyRey.webp"
               />
               <p class="Card-Pro-Title">Reynolds & Reynolds</p></a
             >
···
               ><img
                 alt="Law553 website logo"
                 class="Pro-Image"
-                src="/Images/Law.png"
+                src="/Images/Law.webp"
               />
               <p class="Card-Pro-Title">Law553</p>
             </a>
···
               <img
                 alt="Shopsmith logo"
                 class="Pro-Image"
-                src="/Images/Shopsmith.png"
+                src="/Images/Shopsmith.webp"
               />
               <p class="Card-Pro-Title">Shopsmith</p></a
             >
···
               <img
                 alt="Keytrak logo"
                 class="Pro-Image"
-                src="/Images/Keytrak.png"
+                src="/Images/Keytrak.webp"
               />
               <p class="Card-Pro-Title">Keytrak</p></a
             >