{{-- about-section2 --}}
@php
  $image = (isset($data->image) && isset($data->image->url) && $data->image->url !== '' && $data->image->url != 'null' && $data->image->url != null) ? $data->image->url : '';
  $background = (isset($data->background_image) && isset($data->background_image->url) && $data->background_image->url !== '' && $data->background_image->url != 'null' && $data->background_image->url != null) ? $data->background_image->url : '';
  $element_seccion = $data->element_seccion;
@endphp

<section class="section-page-body about-section2 {{ ($image == '') ? 'not-after-image' : '' }} {{ ($background != '') ? 'back-custom' : '' }}" style="{{ ($background != '') ? 'background-image: url("'.asset_remote('sections/backgrounds').'/'.$background.'");' : 'background-image: url("'.asset('img/restaurant/section/about_section2_back.jpg').'");' }}">
@if ($image != '')
  @section('extra-head')
      @parent
        <style type="text/css">
            .back-custom::after {
              background: url({{ asset_remote('sections/images').'/'.$image }}) !important;
            }
        </style>
  @endsection
@endif
  <div class="container content">
    <div class="row d-flex justify-content-center">
@foreach ($element_seccion as $item)
    @if (isset($item->is_active) && $item->is_active)
      <div class="card-item col-lg-4 col-md-4 col-sm-6 col-xs-12 mb30">
        <h4 class='font700'>{!! $item->title->$localeSelected ?? '' !!}</h4>
        <p>{!! $item->text->$localeSelected ?? '' !!}</p>
        <img class="img-fluid img-only" src="{{ isset($item->image->url) ? asset_remote('sections/subsections').'/'.$item->image->url : '' }}"  alt="{{ $item->image->alt->$localeSelected ?? getAltImages() }}"  />
      </div> {{-- ./item --}}
    @endif
@endforeach
    </div>
  </div>
</section>