Added images to testimonial avatars

src/layouts/index.html

@@ -379,7 +379,7 @@
 
     <!-- Third -->
 
-    <div class="row three-boxes-down">
+    <div class="row one-box-down">
       <div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 flex order-2">
           <div class="feature-content ps-xl-5 ps-lg-3 ps-md-0 ps-sm-0 ps-0">
             <h2 class="display-5">tea scripts</h2>
@@ -556,21 +556,6 @@
       </div>
     </div>
     <div class="row twitter-desktop">
-      <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
-        <div class="twitter-card mb-4">
-          <div class="top-bar flex p-1 ps-3">
-            <i class="icon-discord black lead"></i>
-          </div>
-          <div class="twitter-content p-xl-5 p-lg-5 p-md-3 p-sm-4 p-4">
-            <p class="black">You guys are really onto something with <a href="https://github.com/teaxyz/cli#magic" style="color:#1a1a1a !important;">magics</a> – it's so awesome. I've been using it all day and I am hooked.</p>
-            <hr class="mb-3" style="border-bottom: 1px solid black !important;">
-            <div class="flex-start">
-              <div class="avatar"></div>
-              <p class="small test-name black">David D</p>
-            </div>
-          </div>
-        </div>
-      </div>
       <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
         <div class="twitter-card mb-4">
           <div class="top-bar flex p-1 ps-3">
@@ -580,11 +565,11 @@
             <div class="">
 
             </div>
-            <p class="black">when i did ran <code class="orange">./pantry.core/scripts/build.ts yarnpkg.com</code>, it was the amazing moment, i realized I have not setup deno yet but tea does it for me.
+            <p class="black">when i did ran <code class="orange">./pantry.core/scripts/<br>build.ts yarnpkg.com</code>, it was the amazing moment, i realized I have not setup deno yet but tea does it for me.
             I know we have this feature but when I unintentionally experienced it. its just wow. just wow</p>
             <hr class="mb-3" style="border-bottom: 1px solid black !important;">
             <div class="flex-start">
-              <div class="avatar"></div>
+              <img class="avatar" src="/Images/neil-m.png" alt="">
               <p class="small test-name black">Neil M</p>
             </div>
           </div>
@@ -599,12 +584,27 @@
             <p class="black">It is hard to think of a more perfect use for blockchain technology than coordinating package releases for opensource software. What @teaxyz_ is embarking on will improve security, maintenance, and reliability, while providing much-needed incentive for independent developers. 🙌🏼</p>
             <hr class="mb-3" style="border-bottom: 1px solid black !important;">
             <div class="flex-start">
-              <div class="avatar"></div>
+              <img class="avatar" src="/Images/jcinis-eth.jpeg" alt="">
               <p class="small test-name black">jcinis.eth</p>
             </div>
           </div>
         </div>
       </div>
+      <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
+        <div class="twitter-card mb-4">
+          <div class="top-bar flex p-1 ps-3">
+            <i class="icon-discord black lead"></i>
+          </div>
+          <div class="twitter-content p-xl-5 p-lg-5 p-md-3 p-sm-4 p-4">
+            <p class="black">You guys are really onto something with <a href="https://github.com/teaxyz/cli#magic" style="color:#1a1a1a !important;">magics</a> – it's so awesome. I've been using it all day and I am hooked.</p>
+            <hr class="mb-3" style="border-bottom: 1px solid black !important;">
+            <div class="flex-start">
+              <img class="avatar" src="/Images/dd.png" alt="">
+              <p class="small test-name black">David D</p>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </section>
@@ -645,8 +645,8 @@
     height:30px;
   }
   .avatar{
-    height: 20px;
+    height: 24px;
-    width: 20px;
+    width: 24px;
     border-radius: 30px;
     background-color: gray;
     display: inline-block;
@@ -654,7 +654,6 @@
   .test-name{
     display: inline-block;
     position: relative;
-    bottom: 4px;
     margin-left: 5px;
   }
   .top-bar i{