<section class="l-grid o-block o-bigQuote">
    <div class="l-grid--content">
        <div class="c-bigQuote__left">
            @if($component->getValueFromAttribute('Image','getValueAsCollection')->count() > 0)
                @include('svg.mask', ['color'=> '#7AD3FF', 'img' => $component->getValueFromAttribute('Image','getValueAsCollection')[0]->medium_image_url, 'vb_w' => 360, 'vb_h' => 373 , 'pathId' => 5])
            @else
                @include('svg.mask', ['color'=> '#1A2233',  'vb_w' => 360, 'vb_h' => 373 , 'pathId' => 5])
            @endif
        </div>
        <div class="c-bigQuote__right">

            <h2>@include('site.components.icons.quoteMark'){!! $component->getValueFromAttribute('Title') !!}</h2>
            <div class="c-bigQuote__text">{!! $component->getValueFromAttribute('Text') !!}</div>

            <h4>{!! $component->getValueFromAttribute('name') !!}</h4>
            <p>{!! $component->getValueFromAttribute('jobTitle') !!}</p>
        </div>
    </div>
</section>