<div class="o-member-feature-promo-grid o-member-feature-promo-grid--rust">
  <div class="o-member-feature-promo-grid__inner">
    <div class="o-member-feature-promo-grid__head"></div>
    <div class="o-member-feature-promo-grid__list">
    {{#each cells}}
      <a href="#link-{{@key}}" class="o-member-feature-promo-grid__cell">
        <img class="o-member-feature-promo-grid__cell__img" src="{{this.image}}">
        <div class="o-member-feature-promo-grid__cell__fade"></div>
        <div class="o-member-feature-promo-grid__cell__caption">
          <div class="o-member-feature-promo-grid__cell__title">{{this.title}}</div>
          <div class="o-member-feature-promo-grid__cell__desc">{{this.desc}}</div>
        </div>
      </a>
    {{/each}}
    </div>
    <div class="o-member-feature-promo-grid__foot"></div>
  </div>
</div>

<div class="o-member-feature-promo-scroll" aria-label="Scroll down for more content">
  <svg class="o-member-feature-promo-scroll__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
    <use xlink:href="{{ basePath }}/assets/patterns/images/member-centre-sprite.svg#icon-mc-chevron"></use>
  </svg>
</div>
