Image over background image to avoid crop

Author: steph1111

_includes/team-alumni-card.html

@@ -9,7 +9,7 @@
                     data-roles="{{ alum.roles }}"
                     data-description="{{ alum.description }}">
                     <div class="card">
-                        <figure class="image is-4by5" style="background-image: url({{alum.image}});"></figure>
+                        <img src="{{mentor.image}}" alt="{{mentor.name}}">
                         <div class="card-content">
                             <h2 class="has-text-white-ter has-text-weight-bold is-size-6">{{ alum.name }}</h2>
                             <p class="has-text-weight-normal">{{ alum.current }}</p>

_includes/team-member-card.html

@@ -8,7 +8,7 @@
                     data-roles="{{ member.roles }}" 
                     data-description="{{ member.description }}">
                     <div class="card">
-                        <figure class="image is-4by5" style="background-image: url({{member.image}});"></figure>
+                        <img src="{{member.image}}" alt="{{member.name}}">
                         <div class="card-content">
                             <h2 class="name has-text-white-ter has-text-weight-bold is-size-6">{{ member.name }}</h2>
                             <p class="roles has-text-weight-normal">{{ member.roles }}</p>

_includes/team-mentor-card.html

@@ -8,7 +8,7 @@
                     data-roles="{{ mentor.roles }}" 
                     data-description="{{ mentor.description }}">
                     <div class="card">
-                        <figure class="image is-4by5" style="background-image: url({{mentor.image}});"></figure>
+                        <img src="{{memtor.image}}" alt="{{mentor.name}}">
                         <div class="card-content">
                             <h2 class="has-text-white-ter has-text-weight-bold is-size-6">{{ mentor.name }}</h2>
                             <p class="has-text-weight-normal">{{ mentor.roles }}</p>