<div class="w-full relative z-3 md:grid print:grid grid-cols-3 max-w-6xl">

    <div class="justify-center flex items-center col-start-2 col-span-2 row-start-1
        {{ $content->style ? 'text-style-'.$content->style : '' }} 
        print:block">

        <div class="px-8 w-full">
            <div class="text-block relative z-4">

                @if ($content->header)
                    <h{{ $header ? '1' : '2'}}>{{ $content->header }}</h{{ $header ? '1': '2' }}>
                @endif

                <div class="body content-text">
                    {!! $content->body !!}
                </div>

                <div class="flex justify-center">
                    <content-filter :multiple="{{ $content->multiple ? 'true' : 'false' }}"></content-filter>
                </div>

            </div>
        </div>

    </div>

    <div class="relative col-start-1 row-start-1 mt-8 pt-4 pb-33p z-3 md:m-0 md:pb-0 print:block">

            @if ($content->title || $content->subtitle)
                <div class="md:absolute w-full h-full z-3 mb-8">
                    @include ('content-elements.titles', ['number' => $content->title, 'name' => $content->subtitle, 'photo' => $content->photos()->first(), 'link' => null ])
                </div>
            @endif

    </div>

</div>
