<div class="o-references">
    <div class="o-references__main">
        <ul class="o-references__grid">

            @foreach($references as $key => $reference)
                @if(!empty($reference->documents->count()))
                    <li class="o-references__item">
                        <a class="o-references__link" href="{{ $reference->display_url }}">
                            <img src="{{$reference->documents->first()->small_image_url}}" alt="{!! $reference->name !!}"/>
                        </a>
                    </li>
                @endif
            @endforeach

        </ul>
    </div>
</div>