Add all the puppy pics!

src/index.htm

@@ -15,7 +15,7 @@
       Snipette Analog Fundraiser
     </div>
     <div class="bg-orange-600 text-center p-10">
-      <img alt="Snipette" class="text-5xl uppercase font-sans w-full max-w-3xl mx-auto" src="header.png"/>
+      <img alt="Snipette" class="text-5xl uppercase font-sans w-full max-w-3xl mx-auto" src="img/header.png"/>
       <p class="text-5xl text-orange-200 lowercase font-heading font-extrabold">Analog <span class="text-yellow-300">for Everyone</span></p>
     </div>
 
@@ -54,7 +54,7 @@
         <div class="max-w-4xl ml-auto p-10">
           <h1 class="text-4xl font-heading font-extrabold lowercase text-center">Who we are</h1>
           <div class="flex flex-wrap text-xl font-sans">
-            <img alt="[TK pup]" class="p-5 sm:w-full md:w-1/2 lg:w-1/3"/>
+            <img alt="Snipette puppies" src="img/three-pups.png" class="p-5 sm:w-full md:w-1/2 lg:w-1/3"/>
             <p class="md:p-5 sm:w-full md:w-1/2 lg:w-2/3">
               We are a web and print magazine seeking to explain the world in an easy to understand way. Our key words are: understandability, perspective, and fun.
             </p>
@@ -66,7 +66,7 @@
         <div class="max-w-4xl ml-auto p-10">
           <h1 class="text-4xl font-heading font-extrabold lowercase text-center">What we do</h1>
           <div class="flex flex-wrap flex-row md:flex-row-reverse text-xl font-sans">
-            <img alt="[TK pup]" class="p-5 sm:w-full md:w-1/2 lg:w-1/3"/>
+            <img alt="Puppy with a stack of magazines" src="img/stackpup.png" class="p-5 sm:w-full md:w-1/2 lg:w-1/3"/>
             <p class="md:p-5 sm:w-full md:w-1/2 lg:w-2/3">
               In order to make our content more accessible, we have been bringing out a print version, Snipette Analog, which is a better medium for long-form articles. <a href="#">Sample the latest issue here</a>.
             </p>
@@ -78,9 +78,9 @@
         <div class="max-w-4xl ml-auto p-10">
           <h1 class="text-4xl font-heading font-extrabold lowercase text-center">Our problem</h1>
           <div class="flex flex-wrap text-xl font-sans">
-            <img alt="[TK pup]" class="p-5 sm:w-full md:w-1/2 lg:w-1/3"/>
+            <img alt="People wanting money and money wanting people" src="img/catch-twenty-two.png" class="p-5 sm:w-full md:w-1/2 lg:w-1/3"/>
             <p class="md:p-5 sm:w-full md:w-1/2 lg:w-2/3">
-              Digital printing is expensive. Offset printing is more cost-effective, but it only works at scale—1000 copies or more. So we need more subscribers to bring down our costs, but lower costs to get more subscribers. <a href="https://en.wiktionary.org/wiki/Catch-22" target="_blank">Catch-22</a>.
+              Digital printing is expensive. Offset printing is more cost-effective, but it only works at scale—1000 copies or more. So we can't bring down costs till we got more subscribers, but we won't get more subscribers till we bring down costs. <a href="https://en.wiktionary.org/wiki/Catch-22" target="_blank">Catch-22</a>.
             </p>
           </div>
         </div>
@@ -90,7 +90,7 @@
         <div class="max-w-4xl ml-auto p-10">
           <h1 class="text-4xl font-heading font-extrabold lowercase text-center">Your Solution</h1>
           <div class="flex flex-wrap flex-row md:flex-row-reverse text-xl font-sans">
-            <img alt="[TK pup]" class="p-5 sm:w-full md:w-1/2 lg:w-1/3"/>
+            <img alt="Puppies catching subscribers and money in a safety net" src="img/sheetpup.png" class="p-5 sm:w-full md:w-1/2 lg:w-1/3"/>
             <p class="md:p-5 sm:w-full md:w-1/2 lg:w-2/3">
               Here's your chance to pledge to pay the lower rate for our print version. Once we hit our target numbers, we will ask you to actually make the payment, and start printing! You get a Snipette subscription, we get more subscribers, and the world gets to read Snipette at lower rates: a win-win all round.
             </p>
@@ -234,7 +234,7 @@
               <div class="w-0 h-full border border-orange-700 mx-auto hidden md:block"></div>
             </div>
             <div class="md:w-1/2 p-4 order-2 md:order-1">
-              <img width=640 height=480 />
+              <img width=640 height=480 src="img/pledgeperson.png"/>
             </div>
             <div class="md:w-1/2 md:pl-4 flex items-center order-3">
               <p>You make your pledge, saying how much you're willing to donate to us</p>
@@ -247,7 +247,7 @@
               <div class="w-0 h-full border border-orange-700 mx-auto hidden md:block"></div>
             </div>
             <div class="md:w-1/2 p-4 order-2 md:order-1">
-              <img width=640 height=480 />
+              <img width=640 height=480 src="img/phonepup.png"/>
             </div>
             <div class="md:w-1/2 md:pr-4 flex items-center order-3">
               <p>Once we've collected enough pledges to start operations, we'll reach out to you to make the payment</p>
@@ -260,7 +260,7 @@
                 <div class="w-0 h-full border border-orange-700 mx-auto hidden md:block"></div>
               </div>
               <div class="md:w-1/2 p-4 order-2 md:order-1">
-                <img width=640 height=480 />
+                <img width=640 height=480 src="img/coinpup.png"/>
               </div>
               <div class="md:w-1/2 md:pl-4 flex items-center order-3">
                 <p>You can make your payment through Internet Banking, card, UPI, cheque, or any other preferred method</p>
@@ -273,7 +273,7 @@
                 <div class="w-0 h-full border border-orange-700 mx-auto hidden md:block"></div>
               </div>
               <div class="md:w-1/2 p-4 order-2 md:order-1">
-                <img width=640 height=480 />
+                <img width=640 height=480 src="img/presspup.png"/>
               </div>
               <div class="md:w-1/2 md:pr-4 flex items-center order-3">
                 <p>When all the payments have come in, we will be ready to start printing!</p>