<div class="{{ [
    'relative',
    'flex',
    'flex-col',
    'items-center',
    'text-center',
    'py-20 mt-20' => image != null
] | classes | collapse_whitespace }}">
    {{ if image }}
        <div class="absolute top-0 -translate-y-1/2 inset-x-1/2 -translate-x-1/2 overflow-hidden flex items-center justify-center size-36 rounded-full">
            {{ partial:components/atoms/assets/image width="144" height="144" }}
        </div>
    {{ /if }}
    <blockquote class="mb-6 font-light italic text-3xl md:text-5xl">&quot;{{ quote }}&quot;</blockquote>
    <p class="flex flex-col sm:flex-row">
        <span class="font-bold">{{ name }}</span>
        {{ if title }}
            <span class="sm:ml-4">{{ title }}</span>
        {{ /if }}
    </p>
</div>
