@if (!empty($content['images']))
  <section class="module-line">
    <div class="module-image-402">
      <div class="{{ $content['width_class'] ?? 'container' }}">
        @if (!empty($content['title']))
          <div class="module-title-wrap text-center">
            <div class="module-title">{{ $content['title'][front_locale_code()] ?? '' }}</div>
            @if (!empty($content['subtitle']))
              <div class="module-sub-title">{{ $content['subtitle'][front_locale_code()] ?? '' }}</div>
            @endif
          </div>
        @endif

        <div class="row gx-3">
          @foreach ($content['images'] as $image)
            <div class="col-6 col-md-3">
              <div class="image-item">
                <a href="{{ $image['link']['link'] ?? 'javascript:void(0)' }}">
                  <img src="{{ $image['image'][front_locale_code()] ?? '' }}" class="img-fluid" alt="">
                  @if (!empty($image['text']))
                    <div class="image-text">{{ $image['text'][front_locale_code()] ?? '' }}</div>
                  @endif
                  @if (!empty($image['sub_text']))
                    <div class="image-sub-text">{{ $image['sub_text'][front_locale_code()] ?? '' }}</div>
                  @endif
                </a>
              </div>
            </div>
          @endforeach
        </div>
      </div>
    </div>
  </section>
@endif