@php($p = $block->get('prefix'))
@php($v = $block->get('variant'))
@php($paragraphs = $block->get('paragraphs', []))
  <section class="{{ $p }}-{{ $v }}">
    <div class="{{ $p }}-{{ $v }}-inner">

      <figure class="{{ $p }}-{{ $v }}-img" data-reveal>
        <div class="{{ $p }}-{{ $v }}-img-frame {{ $p }}-{{ $v }}-fade">
          <img class="{{ $p }}-{{ $v }}-img-a" src="{{ media_url($block->get('image_a')) }}" alt="{{ $block->get('image_a_alt') }}" loading="lazy" />
          <img class="{{ $p }}-{{ $v }}-img-b" src="{{ media_url($block->get('image_b')) }}" alt="{{ $block->get('image_b_alt') }}" loading="lazy" />
        </div>
        <figcaption class="{{ $p }}-{{ $v }}-img-cap">
          <span>{{ $block->get('caption_label') }}</span>
          <em>{{ $block->get('caption_em') }}</em>
        </figcaption>
      </figure>

      <div class="{{ $p }}-{{ $v }}-text" data-reveal>
        <p class="{{ $block->get('eyebrow_class', 'section-eyebrow') }}">{{ $block->get('eyebrow') }}</p>
        <h2 class="{{ $block->get('title_class', $p . '-' . $v . '-title') }}">{!! $block->get('title_html') !!}</h2>
@foreach ($paragraphs as $para)
        <p class="{{ $para['class'] ?? '' }}">{!! $para['html'] ?? '' !!}</p>
@endforeach
      </div>

    </div>
  </section>