@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 {{ strlen($subitem->text) > 700 ? 'pl-5' : null }}">
    <div class="overflow-hidden overlay-image {{$arOuterClasses ?? null}}">
        <img src="{{ $subitem->image }}" alt="{{ $subitem->title ?? $subitem->name }}" class="{{$arInnerClasses ?? null}}">
    </div>
</div>
<div class="col-md-6 p-md-5">

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

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

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

    <div class="divider"></div>

    {!! $subitem->text !!}
</div>
</div>