fix: tweaked formatting and image paths

Author: mikewolfd

_events/data-showcase.md

@@ -129,7 +129,7 @@ description: |
         <h2 style="font-size: 1.5rem; font-weight: bold;">Mapping Multidimensionality: Using Census Data to Understand Neighborhood Communities</h2>
         <img src="/assets/images/events/data_showcase/Mapping-multidimensionality-400w.png" style="width: 100%; height: auto; border-radius: 10px; margin-bottom: 20px;" alt="Mapping Multidimensionality">
         <p style="font-size: 1rem; line-height: 1.5;">
-        Examining Census Community Resilience Estimates (CREs) alongside other open data sources can shed light on overlooked patterns of structural inequity and social isolation. In <strong>Mapping Multidimensionality: Using Census Data to Understand Neighborhood Communities</strong>" Bayowa Onabajo MBChB, Jibek Gupta, Kyshan Nichols-Smith, and Professors Nathan Alexander and Hye Ryeon (Helen) Jang demonstrate how a mixed-methods approach can guide targeted interventions.
+        Examining Census Community Resilience Estimates (CREs) alongside other open data sources can shed light on overlooked patterns of structural inequity and social isolation. In <strong>Mapping Multidimensionality: Using Census Data to Understand Neighborhood Communities</strong>, Bayowa Onabajo MBChB, Jibek Gupta, Kyshan Nichols-Smith, and Professors Nathan Alexander and Hye Ryeon (Helen) Jang demonstrate how a mixed-methods approach can guide targeted interventions.
         </p>
     </div>
 </div>

_includes/components/card.html

@@ -5,7 +5,9 @@ <h4 class="usa-card__heading">{{ include.header }}</h4>
     </div>
     {% if include.image_src %}
       <div class="usa-card__media">
-        {% include responsive-image.html src=include.image_src alt=include.image_alt_text %}
+        <div class="usa-card__img">
+          {% include responsive-image.html src=include.image_src alt=include.image_alt_text %}
+        </div>
       </div>
     {% endif %}
     <div class="usa-card__body">

about.md

@@ -49,22 +49,22 @@ We build technology that empowers communities in:
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0; width: 100%; margin: 0 auto; padding: 0;">
     <!-- Alma Trotter -->
     <div style="flex: 1; min-width: 150px; text-align: center;">
-        {% include responsive-image.html src="/team_photos/Alma_Trotter.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Alma Trotter" %}
+        {% include responsive-image.html src="team_photos/Alma_Trotter.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Alma Trotter" %}
         <p style="margin-top: 1rem; font-size: 1.2rem; font-weight: bold;"><a href="https://www.linkedin.com/in/almatrotter/" target="_blank" style="text-decoration: none; color: #0073b1;">Alma Trotter</a></p>
     </div>
     <!-- Andrew Shao -->
     <div style="flex: 1; min-width: 150px; text-align: center;">
-        {% include responsive-image.html src="/team_photos/Andrew-Shao.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Andrew Shao" %}
+        {% include responsive-image.html src="team_photos/Andrew-Shao.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Andrew Shao" %}
         <p style="margin-top: 1rem; font-size: 1.2rem; font-weight: bold;"><a href="https://www.linkedin.com/in/andrew-shao-55507497/" target="_blank" style="text-decoration: none; color: #0073b1;">Andrew Shao</a></p>
     </div>
     <!-- Mike Deeb -->
     <div style="flex: 1; min-width: 150px; text-align: center;">
-       {% include responsive-image.html src="/team_photos/Mike-Deeb.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Mike Deeb" %}
+       {% include responsive-image.html src="team_photos/Mike-Deeb.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Mike Deeb" %}
         <p style="margin-top: 1rem; font-size: 1.2rem; font-weight: bold;"><a href="https://www.linkedin.com/in/michael-deeb/" target="_blank" style="text-decoration: none; color: #0073b1;">Mike Deeb</a></p>
     </div>
     <!-- Shelly Bachstein -->
     <div style="flex: 1; min-width: 150px; text-align: center;">
-       {% include responsive-image.html  src="/team_photos/shelly-bachstein.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Shelly Bachstein" %}
+       {% include responsive-image.html  src="team_photos/shelly-bachstein.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Shelly Bachstein" %}
         <p style="margin-top: 1rem; font-size: 1.2rem; font-weight: bold;"><a href="https://www.linkedin.com/in/sbachstein/" target="_blank" style="text-decoration: none; color: #0073b1;">Shelly Bachstein</a></p>
     </div>
 </div>
@@ -73,21 +73,21 @@ We build technology that empowers communities in:
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0; width: 100%; margin: 0 auto; padding: 0;">
     <!-- Evan Tung -->
     <div style="flex: 1; min-width: 150px; text-align: center;">
-        {% include responsive-image.html  src="/team_photos/Evan_Tung.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Evan Tung" %}
+        {% include responsive-image.html  src="team_photos/Evan_Tung.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Evan Tung" %}
         <p style="margin-top: 1rem; font-size: 1.2rem; font-weight: bold;"><a href="https://www.linkedin.com/in/ejtung/" target="_blank" style="text-decoration: none; color: #0073b1;">Evan Tung</a></p>
     </div>
     <div style="flex: 1; min-width: 150px; text-align: center;">
-        {% include responsive-image.html  src="/team_photos/Helen-Glover.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Helen Glover" %}
+        {% include responsive-image.html  src="team_photos/Helen-Glover.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Helen Glover" %}
         <p style="margin-top: 1rem; font-size: 1.2rem; font-weight: bold;"><a href="https://www.linkedin.com/in/helen-glover/" target="_blank" style="text-decoration: none; color: #0073b1;">Helen Glover</a></p>
     </div>
     <!-- Justin Mezetin -->
     <div style="flex: 1; min-width: 150px; text-align: center;">
-        {% include responsive-image.html  src="/team_photos/Justin-Mezetin.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Justin Mezetin" %}
+        {% include responsive-image.html  src="team_photos/Justin-Mezetin.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Justin Mezetin" %}
         <p style="margin-top: 1rem; font-size: 1.2rem; font-weight: bold;"><a href="https://www.linkedin.com/in/justin-mezetin-3649b866/" target="_blank" style="text-decoration: none; color: #0073b1;">Justin Mezetin</a></p>
     </div>
 <!-- Nick-->
     <div style="flex: 1; min-width: 150px; text-align: center;">
-        {% include responsive-image.html  src="/team_photos/Nick-Stoler.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Nick Stoler" %}
+        {% include responsive-image.html  src="team_photos/Nick-Stoler.jpg" style="width: 100%; max-width: 150px; height: auto; border-radius: 50%;" alt="Nick Stoler" %}
         <p style="margin-top: 1rem; font-size: 1.2rem; font-weight: bold;"><a href="https://www.linkedin.com/in/nick-stoler-0032b5168/" target="_blank" style="text-decoration: none; color: #0073b1;">Nick Stoler</a></p>
     </div>
 </div>