{{- $c := site.Data.content -}}
<section class="statement" id="about" aria-labelledby="about-h">
    <div class="statement-text">
      <p class="eyebrow">{{ $c.about.p_1 }}</p>
      <h2 id="about-h" data-fill>{{ $c.about.h2_2 }}</h2>
      <p>{{ $c.about.p_3 }}</p>
    </div>
    <div class="floats">
      <figure class="float f1" data-speed="0.18"><div class="media" data-reveal="clip"><img src="{{ ($c.about.img_4_image | relURL) }}" alt="{{ $c.about.img_4_alt }}" width="1024" height="1536" loading="lazy"></div></figure>
      <figure class="float f2" data-speed="-0.12"><div class="media" data-reveal="clip"><img src="{{ ($c.about.img_5_image | relURL) }}" alt="{{ $c.about.img_5_alt }}" width="1254" height="1254" loading="lazy"></div></figure>
      <figure class="float f3" data-speed="0.3"><div class="media" data-reveal="clip"><img src="{{ ($c.about.img_6_image | relURL) }}" alt="{{ $c.about.img_6_alt }}" width="1600" height="1067" loading="lazy"></div></figure>
    </div>
  </section>