change the image to something educational

about.html

@@ -73,8 +73,8 @@
         <div class="container mx-auto px-6">
             <div class="flex flex-col md:flex-row items-center mb-20">
                 <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
-                    <img src="http://static.photos/office/640x360/42" alt="Amplify Team" class="rounded-lg border-2 border-yellow-500 shadow-xl">
-                </div>
+                    <img src="http://static.photos/education/640x360/42" alt="Amplify Team" class="rounded-lg border-2 border-yellow-500 shadow-xl">
+</div>
                 <div class="md:w-1/2">
                     <h2 class="text-4xl font-bold mb-6 font-['Bebas+Neue'] tracking-wider">
                         <span class="text-yellow-500">WHO</span> <span class="text-white">WE ARE</span>
@@ -142,7 +142,7 @@
                     <!-- Team Member 1 -->
                     <div class="group">
                     <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64">
-                            <img src="http://static.photos/people/640x360/124" alt="Alex Johnson" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
+                            <img src="http://static.photos/education/640x360/124" alt="Alex Johnson" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
 <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
                             <div class="absolute bottom-0 left-0 p-4">
                                 <h3 class="text-xl font-bold text-white">Alex Johnson</h3>
@@ -157,7 +157,7 @@
                     <!-- Team Member 2 -->
                     <div class="group">
                         <div class="relative overflow-hidden rounded-lg border-2 border-red-500 mb-4 h-64">
-                            <img src="http://static.photos/people/640x360/125" alt="Sarah Chen" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
+                            <img src="http://static.photos/education/640x360/125" alt="Sarah Chen" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
 <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
                             <div class="absolute bottom-0 left-0 p-4">
                                 <h3 class="text-xl font-bold text-white">Sarah Chen</h3>
@@ -172,7 +172,7 @@
                     <!-- Team Member 3 -->
                     <div class="group">
                         <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64">
-                            <img src="http://static.photos/people/640x360/126" alt="Marcus Wright" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
+                            <img src="http://static.photos/education/640x360/126" alt="Marcus Wright" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
 <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
                             <div class="absolute bottom-0 left-0 p-4">
                                 <h3 class="text-xl font-bold text-white">Marcus Wright</h3>

index.html

@@ -462,7 +462,7 @@ Get Started
             <div class="flex flex-col md:flex-row items-center">
                 <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
                     <div class="relative mb-8">
-                        <img src="http://static.photos/people/640x360/123" alt="Coach" class="rounded-lg border-2 border-yellow-500 hovered-element">
+                        <img src="http://static.photos/education/640x360/123" alt="Coach" class="rounded-lg border-2 border-yellow-500 hovered-element">
 <div class="absolute bottom-0 left-0 bg-yellow-500 text-black px-4 py-2 rounded-tr-lg">
                             <i data-feather="user" class="inline mr-2"></i> Elite Coaches
                         </div>