update images artwork

templates/partials/about/farmers.html

@@ -44,6 +44,14 @@
           </dd>
         </div>
       </div>
+
+      <div class="fade-in-box my-16 mx-auto text-center lg:flex lg:justify-center">
+        <img class="h-auto object-cover" src="/images/aibox_farming1.png" alt="AIBox Specifications">
+    </div>
+
+    <div class="fade-in-box mt-16 mx-auto text-center lg:flex lg:justify-center">
+      <img class="h-auto object-cover" src="/images/aibox_farming2.png" alt="AIBox Specifications">
+  </div>
     </div>
       </dl>
     </div>
@@ -58,23 +66,10 @@
     margin-top: 2.5rem;
   }
 
-  /* Fading in each grid item with a slight delay */
-  .fade-in-box:nth-child(1) { animation-delay: 0s; }
-  .fade-in-box:nth-child(2) { animation-delay: 0.2s; }
-  .fade-in-box:nth-child(3) { animation-delay: 0.4s; }
-  .fade-in-box:nth-child(4) { animation-delay: 0.6s; }
-  .fade-in-box:nth-child(5) { animation-delay: 0.8s; }
-  .fade-in-box:nth-child(6) { animation-delay: 1s; }
-  .fade-in-box:nth-child(7) { animation-delay: 1.2s; }
-  .fade-in-box:nth-child(8) { animation-delay: 1.4s; }
-  .fade-in-box:nth-child(9) { animation-delay: 1.6s; }
-  .fade-in-box:nth-child(10) { animation-delay: 1.8s; }
-  .fade-in-box:nth-child(11) { animation-delay: 2s; }
-  .fade-in-box:nth-child(12) { animation-delay: 2.2s; }
-
   @keyframes fadeIn {
     to {
       opacity: 1;
     }
   }
 </style>
+