{{-- Mosaic Layout --}}
@if($loop->iteration == 2)
    <div class="col-12 col-md-6">
        <div class="row">
@endif

    <div class="col-12 {{$loop->iteration == 2 ? 'col-md-12' : 'col-md-6'}} light-image-col px-md-0">
        {{-- Desktop View --}}
        <a href="{{ $image->url }}" data-src="{{ $image->url }}" class="light-link embed-responsive {{$loop->iteration == 2 ? 'embed-responsive-16by9' : 'embed-responsive-6by5'}}">
            <img src="{{ $image->url }}" alt="{{ $image->alt ?: $post->title . ' landscape design by Costata, image ' . $loop->iteration }}" title="{{ $image->title }}" class="lightgallery-image img-fluid embed-responsive-item"/>
        </a>
    </div>

@if($loop->iteration == 4)
        </div>
    </div>
@endif