<section class="about-banner"> <div class="about-banner-slider"> <div class="item"><img loading="lazy" src="{{ block.image }}" alt="" /></div> {% set items = block.content | json_decode %} {% for itm in items %} <div class="item d-block d-sm-none"><img loading="lazy" src="{{ itm.image }}" alt="" /></div> {% endfor %} </div> <h2>{{ block.title }}</h2> <div class="about-nav"> <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist"> {% for itm in items %} <li class="nav-item" role="presentation"> <a class="nav-link" href="#{{ itm.url }}" style="background-image: url({{ itm.image }})"> <span> <img loading="lazy" src="{{ itm.icon }}" class="img-fluid" alt=""> <span class="title">{{ itm.title }}</span> </span> </a> </li> {% endfor %} </ul> </div></section>