change the image on the home page to reflect neural dynamics and behavior

index.html

@@ -30,13 +30,13 @@
                                 <span class="text-indigo-600">M</span>apping <span class="text-indigo-600">I</span>ntell!gent behavior onto<br>
                                 <span class="text-indigo-600">N</span>eural <span class="text-indigo-600">D</span>ynamics
                             </h1>
-<p class="text-xl text-gray-600 mb-6">At the M!ND Research Group, we bridge cognitive science and neuroscience to understand how intelligence emerges from neural activity.</p>
+<p class="text-xl text-gray-600 mb-6">At the M!ND Research Group, we bridge cognitive science and neuroscience to understand how intelligence emerges from neural activity through computational modeling and neuroimaging.</p>
 <a href="projects.html" class="bg-indigo-600 hover:bg-indigo-700 text-white font-medium py-3 px-6 rounded-lg transition duration-300 inline-flex items-center">
                         Our Projects <i data-feather="arrow-right" class="ml-2"></i>
                     </a>
                 </div>
                 <div class="md:w-1/2">
-                    <!-- Hero image removed -->
+                    <img src="http://static.photos/technology/640x360/42" alt="Neural Dynamics Visualization" class="rounded-lg shadow-xl border border-gray-200">
                 </div>
 </div>
         </section>

style.css

@@ -63,6 +63,17 @@ body {
 ::-webkit-scrollbar-thumb:hover {
     background: #555;
 }
+/* Hero image styling */
+.hero img {
+    max-width: 100%;
+    height: auto;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.hero img:hover {
+    transform: scale(1.02);
+    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
 
 /* Animation classes */
 .fade-in {