<div class="mb-10 mt-10 sm:mt-16 sm:mb-16 md:flex">

    <div class="md:mr-10">
        <div class="mx-auto mb-6 rounded-full bg-gray-100 h-32 w-32 sm:h-40 sm:w-40 md:h-56 md:w-56 overflow-hidden shadow-sm border">
            {{ figure_html(image, picture_config({
                width: 400,
                height: 400,
                resizeMode: 'crop',
                densities: '1x, 2x'
            })) }}
        </div>
    </div>

    <div class="">
        {% if headline %}<h2 class="md:mt-4">{{ headline }}</h2>{% endif %}

        <div class="text-lg text-gray-700 dark:text-gray-100">{{ text|raw }}
        </div>

    </div>
</div>
