upcate pictures make them more relevant. COlors are good.

index.html

@@ -109,8 +109,8 @@
                     </div>
                 </div>
                 <div class="md:w-1/2">
-                    <img src="http://static.photos/education/640x360/10" alt="Cultural Translation" class="rounded-xl shadow-xl w-full">
-                    <img src="http://static.photos/travel/640x360/15" alt="Field Linguists" class="rounded-xl shadow-xl w-full mt-8">
+                    <img src="http://static.photos/office/640x360/42" alt="Translation Team Working" class="rounded-xl shadow-xl w-full">
+                    <img src="http://static.photos/technology/640x360/78" alt="Language Technology" class="rounded-xl shadow-xl w-full mt-8">
                 </div>
             </div>
         </section>
@@ -180,7 +180,7 @@
             <div class="grid md:grid-cols-3 gap-8">
                 <article class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-all duration-300 group">
                     <div class="w-full mb-4 overflow-hidden rounded-lg">
-                        <img src="http://static.photos/military/640x360/5" alt="Defense Translation" class="w-full h-48 object-cover transition-transform duration-500 group-hover:scale-105">
+                        <img src="http://static.photos/legal/640x360/23" alt="Security Translation" class="w-full h-48 object-cover transition-transform duration-500 group-hover:scale-105">
                     </div>
                     <div class="w-12 h-12 bg-amber-100 rounded-lg flex items-center justify-center mb-4 group-hover:bg-amber-600 transition-all">
                         <i data-feather="shield" class="w-6 h-6 text-amber-600 group-hover:text-white"></i>
@@ -191,7 +191,7 @@
                 
                 <article class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-all duration-300 group">
                     <div class="w-full mb-4 overflow-hidden rounded-lg">
-                        <img src="http://static.photos/medical/640x360/8" alt="Humanitarian Aid" class="w-full h-48 object-cover transition-transform duration-500 group-hover:scale-105">
+                        <img src="http://static.photos/humanitarian/640x360/56" alt="Humanitarian Translation" class="w-full h-48 object-cover transition-transform duration-500 group-hover:scale-105">
                     </div>
                     <div class="w-12 h-12 bg-amber-100 rounded-lg flex items-center justify-center mb-4 group-hover:bg-amber-600 transition-all">
                         <i data-feather="heart" class="w-6 h-6 text-amber-600 group-hover:text-white"></i>
@@ -202,7 +202,7 @@
                 
                 <article class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-all duration-300 group">
                     <div class="w-full mb-4 overflow-hidden rounded-lg">
-                        <img src="http://static.photos/travel/640x360/20" alt="Field Operations" class="w-full h-48 object-cover transition-transform duration-500 group-hover:scale-105">
+                        <img src="http://static.photos/field/640x360/89" alt="Field Translation" class="w-full h-48 object-cover transition-transform duration-500 group-hover:scale-105">
                     </div>
                     <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-4 group-hover:bg-green-600 transition-all">
                         <i data-feather="map" class="w-6 h-6 text-green-600 group-hover:text-white"></i>