<div class="row min-h-100" style="color:{{color.textColor}}">
    <div class="col-3 d-flex v-center w-mobile-50 order-mobile-1" style="background-color:{{color.primary}};">
        <div class="inner-container user-img-container">
            <img src="{{img}}" alt="{{name}}">
        </div>
    </div>
    <div class="col-5 order-mobile-3 p-l-3p" style="background-color:{{color.secondary}};">
        <div class="inner-container">
            <div class="team-heading" tabindex="2">
                <h3>{{name}}<br>{{{compile title}}}</h3>
            </div>
            <div class="team-body col-9">
                <p tabindex="3">{{{compile body}}}</p>
            </div>
            <div class="team-footer col-12 text-center">
                <button class="btn btn-icon notify__btn-icon  js-notify-close-btn {{color.person}}" aria-label="{{closeMeettheteem}}"  tabindex="4" style="color:{{color.textColor}}">
                    {{button.text}}
                </button>
            </div>
        </div>
    </div>
    <div class="col-4 d-flex w-mobile-50 order-mobile-2" style="background-color:{{color.secondary}};">
        <div class="inner-container d-flex right-inner-container mx-w-100">
            <div class="team-heading first" tabindex="1">
                <h2>{{{compile displayTitle}}}</h2>
            </div>
            <div class="team-body mx-w-100">
                <img src="{{bgimage}}" alt="this is background Image">
            </div>
        </div>
    </div>
</div>