Update index.md

Author: maxwarnock

index.md

@@ -15,15 +15,13 @@ body {
 I'm an aspiring GIS specialist and environmental scientist with an interest in Earth data. I'm particularly interested in projects relating to ecosystems, wildfires, hydrology, and land management. Currently, I'm a student with EarthLab at CU Boulder, where I also completed a bachelor's degree in Geography. Check out my recent work below!
 </div>
 
-<div style="max-width: 900px; margin: 20px 0 0 20px; font-size: 16px; background: rgba(255, 255, 255, 0.10); padding: 24px; color: white; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.20); display: flex; align-items: center; gap: 20px;">
+<a href="https://maxwarnock.github.io/projects/habitat_suitability.html" target="_blank" rel="noopener noreferrer" class="project-card">
   <div style="flex: 1;">
-    <p style="font-weight: bold;">
-      <a href="https://maxwarnock.github.io/projects/habitat_suitability.html" target="_blank" rel="noopener noreferrer" style="color: white;">Habitat Suitability for the Great Basin Bristlecone Pine under Climate Change</a>
-    </p>
+    <p style="font-weight: bold;">Habitat Suitability for the Great Basin Bristlecone Pine under Climate Change</p>
     <p>3/17/26</p>
   </div>
-  <img src="/img/hab_suit_cover.png" alt="project thumbnail" style="width: 120px; height: 120px; object-fit: cover; border-radius: 12px; flex-shrink: 0;">
-</div>
+  <img src="/img/your-image.png" alt="project thumbnail" style="width: 120px; height: 120px; object-fit: cover; border-radius: 12px; flex-shrink: 0;">
+</a>