{%macro display_species_card(species)%}
<div class="card">
  <div class="card-body">
    <h5 class="card-title">Species</h5>
    <div class="card-text">
      <dl>
        <dt>Common Name</dt>
        <dd>{{species.SpeciesName}}</dd>

        <dt>Scientific Name</dt>
        <dd>{{species.FullName}}</dd>
      </dl>
    </div>
  </div>
</div>
{%endmacro%}