<section class="news-author-panel w-full relative bg-white-primary border-t border-solid border-mintyy-gray-ii">
    <div class="container-wrapper w-full max-w-7xl mx-auto">
        <div class="padding-wrapper w-full px-6 sm:px-8 lg:px-10 py-8 sm:py-8 lg:py-10">
            <div class="content-wrapper w-full flex flex-col justify-start xs:justify-center items-start xs:items-center">
                <div class="inner-wrapper flex flex-col justify-start items-start">
                    <span class="font-body text-lg lg:text-xl text-black-primary">
                        Written by
                    </span>
                    <div class="author-wrapper flex flex-row justify-start items-start xs:items-center mt-4">
                        <div class="avatar-wrapper flex flex-row justify-start items-center w-16 min-w-16 h-16 min-h-16 lg:w-20 lg:min-w-20 lg:h-20 lg:min-h-20 rounded-md border-2 border-solid border-brand-terracotta-i">
                            {% if entry.author.getPhoto | length %}
                                <img src="{{ entry.author.getPhoto().url }}" alt="{{ entry.author.photo.alt }}" class="w-full relative h-full object-cover object-bottom" />
                            {% else %}
                                <img src="{{ staticImagesUrl }}core/habilitas-author-avatar-backup.jpg.webp" alt="" class="w-full relative h-full object-cover object-bottom" />
                            {% endif %}
                        </div>
                        <div class="titles-wrapper flex flex-col justify-start items-start ml-6">
                            <span class="font-body text-xl lg:text-2xl text-black-primary">
                                {{ entry.author.fullName }}
                            </span>
                            {% if entry.author.userTitle | length %}
                                <span class="font-body lg:text-lg text-brand-gray-iv mt-2">
                                    {{ entry.author.userTitle }}
                                </span>
                            {% else %}
                                <span class="font-body lg:text-lg text-brand-gray-iv mt-2">
                                    Habilitas
                                </span>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>