@if(isset($sub->image))
@php
$arOuterClasses = '';
$arInnerClasses = '';
if($sub->enable_aspect_ratio && !empty($sub->aspect_ratio)):
$arOuterClasses = 'embed-responsive ' . $sub->aspect_ratio;
$arInnerClasses = 'embed-responsive-item';
endif;
@endphp

@if($sub->lightbox)
<a class="{{$arOuterClasses ?? null}}" href="{{ $sub->image }}" data-featherlight="image">
@else
<div class="{{$arOuterClasses ?? null}}">
@endif
<img class="img-fluid {{ $item->classes ?? '' }} {{ extract_spacing_values($item) }} {{$arInnerClasses}}" src="{{ $sub->image }}" alt="{{ $sub->alt ?? ''}}" title="{{ $sub->title ?? '' }}">
@if($sub->lightbox)
</a>
@else
</div>
@endif
@endif