<div class="c-package{{#if packageType}} c-package--{{packageType}}{{/if}}">
  {{!-- Package cards --}}
  <div class="c-package__stories">
    {{#each stories}}
      <div class="u-wrapper">
        <div class="c-card{{#if displayType}} c-card--{{displayType}}{{/if}}{{#if cardModifier}} c-card--{{cardModifier}}{{/if}}">
          <a href="#" class="c-card__grid c-card__link">
            <div class="c-card__content{{#if flip}} c-card__flip{{/if}}">
              <div class="c-card__content__front">
                <span class="c-card__content__title">{{title}}</span>
                {{#if subtitle}}<span class="c-card__content__subtitle">{{subtitle}}</span>{{/if}}
                {{#if flip}}
                  <img class="c-card__content__img{{#if subtitle}} c-card__content__img--subtitle{{/if}}" src="http://placekitten.com/250/113" alt="{{title}}" />
                {{else}}
                  <img class="c-card__content__img" src="http://placekitten.com/30/30" alt="{{title}}" />
                {{/if}}
              </div>

              {{#if flip}}
                <div class="c-card__content__back">
                  <span class="c-card__content__title">{{title}}</span>
                  <div class="c-card__content__text">
                    {{{text}}}
                    {{#if arrowIcon}}
                      <svg role="img" class="c-card__content__icon" pointer-events="none" focusable="false" aria-hidden="true">
                        <use xlink:href="{{generatedSvgSpritePath}}#nav-arrow-down"></use>
                      </svg>
                    {{/if}}
                  </div>
                </div>
              {{/if}}
            </div>
          </a>
        </div>
      </div>
    {{/each}}
  </div>
</div>
