<div class="course-card-wrapper col-12 col-md-6 col-xl-4">
  <div class="course-card">
    <img class="course-card-image" alt="{{ learning_path.name }}" src="{{ learning_path.image_url }}">
    <div class="course-card-content">
      <div class="course-card-content-title">
        {{ learning_path.name }}
      </div>
      <div class="course-card-content-description" style="padding-bottom: 4rem;">
        {{ learning_path.description }}
      </div>
      <div class="learning-path-card-footer">
        <div class="learning-path-card-footer-progress">
          {{ learning_path.progress }}% Complete
        </div>
        <a class="course-card-content-button" href="{% route learning_path, id: learning_path.id %}">
          Go to path
        </a>
      </div>
    </div>
  </div>
</div>
