<h3 class="np-card-heading">
  {% t .header %}
</h3>
<div class="np-flex row">
  {% for instructor in course.instructors %}
    <div class="np-content-instructors-content-item col-xs-12 col-md-6">
      <img
        src="{{ instructor.avatar_url }}"
        class="np-content-instructors-content-image"
        alt="{{ instructor.name }}"
      />
      <div class="np-content-instructors-content-description">
        <div class="np-content-instructors-content-name">
          {{ instructor.name }}
        </div>
        <div class="np-content-instructors-content-info np-text-light">
          {{ instructor.title }}
        </div>
      </div>
    </div>
  {% endfor %}
</div>

<style>
  @media screen and (min-width: 768px) {
    .np-content-instructors-content-item {
        margin-right: 0;
    }
  }
</style>