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

<div class="row align-items-center {{$layout == 'associations' ? 'bg-white my-3' : null}}">
<div class="col-md-6 order-2 order-md-1">
    @if($layout == 'right')
        <div class="divider"></div>
    @endif

    @if(isset($subitem->name))
        <p class="name">
            {{ $subitem->name }}
        </p>
    @endif

    @if(isset($subitem->title))
        <p class="title">
            {{ $subitem->title }}
        </p>
    @endif

    @if($layout == 'associations')
        <div class="divider"></div>
    @endif

    {!! $subitem->text !!}

    @if($layout == 'right')
@endif
</div>
<div class="col-md-6 px-md-5 order-1 order-md-2">
    <div class="overflow-hidden overlay-image {{$arOuterClasses ?? null}}">
        <img src="{{ $subitem->image }}" alt="{{ $subitem->title ?? $subitem->name }}" class="{{$arInnerClasses ?? null}}">
    </div>
</div>
</div>