<div class="category text-center">
  <div class="category-image">
    <a href="{{ collection.url }}">
      {% if collection.image %}
      <img src="{{ collection.image.src | collection_img_url: 'large' }}" alt="{{ collection.title | escape }}" />
      {% else %}
      <img src="{{ 'default-image.jpg' | asset_url }}" alt="{{ collection.title | escape }}" />
      {% endif %}
    </a>
  </div>

  <a class="category-name" href="{{ collection.url }}" title="{{ collection.title | escape }}">{{ collection.title }}</a>
</div>