@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">
<div class="col-md-6 order-2 order-md-1">

    <p class="name">
        {{ $subitem->name }}
    </p>

    <p class="title">
        {{ $subitem->title }}
    </p>

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

    <div class="pt-4">
        {!! $subitem->text !!}
    </div>
</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 class="link py-2">
        <a href="{{ $subitem->url }}">
            {{ $subitem->link_heading }}
        </a>
        <div class="divider"></div>
    </div>
</div>
</div>