{{- $c := site.Data.content -}}
<section class="clinic pad" id="clinic" aria-labelledby="clinic-h">
    <div class="clinic-head wrap">
      <div>
        <p class="eyebrow">{{ $c.clinic.p_1 }}</p>
        <h2 id="clinic-h" data-r>{{ $c.clinic.h2_2_html | safeHTML }}</h2>
      </div>
      <div class="arrows">
        <button class="arr" type="button" data-dir="-1" aria-label="Previous photos" aria-controls="clinic-track"><svg class="i" aria-hidden="true"><use href="#i-l" /></svg></button>
        <button class="arr" type="button" data-dir="1" aria-label="Next photos" aria-controls="clinic-track"><svg class="i" aria-hidden="true"><use href="#i-r" /></svg></button>
      </div>
    </div>
    <div class="track" id="clinic-track" tabindex="0" role="region" aria-label="Photos of the clinic. Scroll sideways for more.">
      <ul>
        <li><figure><div class="stadium"><img src="{{ ($c.clinic.img_3_image | relURL) }}" alt="{{ $c.clinic.img_3_alt }}" width="1024" height="1536" loading="lazy" decoding="async"></div><figcaption>{{ $c.clinic.figcaption_4_html | safeHTML }}</figcaption></figure></li>
        <li><figure><div class="stadium"><img src="{{ ($c.clinic.img_5_image | relURL) }}" alt="{{ $c.clinic.img_5_alt }}" width="1024" height="1536" loading="lazy" decoding="async"></div><figcaption>{{ $c.clinic.figcaption_6_html | safeHTML }}</figcaption></figure></li>
        <li><figure><div class="stadium"><img src="{{ ($c.clinic.img_7_image | relURL) }}" alt="{{ $c.clinic.img_7_alt }}" width="1600" height="1067" loading="lazy" decoding="async"></div><figcaption>{{ $c.clinic.figcaption_8_html | safeHTML }}</figcaption></figure></li>
        <li><figure><div class="stadium"><img src="{{ ($c.clinic.img_9_image | relURL) }}" alt="{{ $c.clinic.img_9_alt }}" width="1024" height="1536" loading="lazy" decoding="async"></div><figcaption>{{ $c.clinic.figcaption_10_html | safeHTML }}</figcaption></figure></li>
        <li><figure><div class="stadium"><img src="{{ ($c.clinic.img_11_image | relURL) }}" alt="{{ $c.clinic.img_11_alt }}" width="1600" height="1067" loading="lazy" decoding="async"></div><figcaption>{{ $c.clinic.figcaption_12_html | safeHTML }}</figcaption></figure></li>
      </ul>
    </div>
  </section>