add image title and url in section

    <div class="container">       
<div class="category-section">
               <div class="row">
                  <div class="col-sm-4 col-md-4">
                     <a href="{{ section.settings.link1 }}" class="category-block">
                        <img src="{{ section.settings.logo | img_url: '2048x' }}">
                        <div class="category-name">{{ section.settings.text-box1 }}</div>
                        <div class="ribbon"></div>
                     </a>
                  </div>
                  <div class="col-sm-4 col-md-4">
                     <a href="{{ section.settings.link2 }}" class="category-block">
                        <img src="{{ section.settings.logo2 | img_url: '2048x' }}">
                        <div class="category-name">{{ section.settings.text-box2 }}</div>
                        <div class="ribbon"></div>
                     </a>
                  </div>
                  <div class="col-sm-4 col-md-4">
                     <a href="{{ section.settings.link3 }}" class="category-block">
                        <img src="{{ section.settings.logo3 | img_url: '2048x' }}">
                        <div class="category-name">{{ section.settings.text-box3 }}</div>
                        <div class="ribbon"></div>
                     </a>
                  </div>
               </div>
            </div>
</div>

{% schema %}
{
  "name": "After Banner",
  "settings": [
     {
      "type": "image_picker",
      "id": "logo",
      "label": "Logo image"
    },
    {
      "id": "text-box1",
      "type": "text",
      "label": "Heading",
      "default": "Title"
    },
    {
      "id": "link1",
      "type": "url",
      "label": "Button link"
    },
    {
      "type": "image_picker",
      "id": "logo2",
      "label": "Logo image"
    },
    {
      "id": "text-box2",
      "type": "text",
      "label": "Heading",
      "default": "Title"
    },
    {
      "id": "link2",
      "type": "url",
      "label": "Button link"
    },
    {
      "type": "image_picker",
      "id": "logo3",
      "label": "Logo image"
    },
    {
      "id": "text-box3",
      "type": "text",
      "label": "Heading",
      "default": "Title"
    },
    {
      "id": "link3",
      "type": "url",
      "label": "Button link"
    }

  ],
  "presets": [
    {
      "name": "After Banner",
      "category": "Home Page"
    }
  ]
}
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}