This variant used in non-column setings like search results

<article class="c-card c-card--default c-card--list">
    <div class="c-card__img u-grad-yellow-orange-red">
        <a href="#"><img src="https://blog.sciencemuseum.org.uk/wp-content/uploads/2019/02/1857-0101_0001-512x384.png" alt="Conserving the collection"> </a>
    </div>
    <div class="c-card__content">
        <div class="c-card__info">

            <h3 class="c-card__title">
                Conserving the collection
            </h3>
        </div>
        <p class="c-card__desc">
            Go behind the scenes with our conservation team and discover what it takes to prepare to move 300,000 objects to their new home.
        </p>
    </div>
</article>
<article class="c-card c-card--default {{ variant }}">
  <div class="c-card__img u-grad-yellow-orange-red">
    <a href="#"><img src="{{ img }}" alt="{{ title }}"> </a>
  </div>
  <div class="c-card__content">
    <div class="c-card__info">
      {{{ info }}}
      {{#if title}}
      <h3 class="c-card__title">
        {{ title }}
      </h3>
    </div>
    {{/if}}
    {{#if desc}}
      <p class="c-card__desc">
        {{ desc }}
      </p>
    {{/if}}
  </div>
</article>