{% if block.articleAuthor %} <section class="content-block container-md container js-fade-in {{ styleModifier | default(null) }} "> <div class="container container-sm"> {{ include('Includes/title-block.html.twig', { title: 'magazine.about.author' | trans, isCentered: block.titleCentered }) }} </div> <div class="row justify-content-center"> <div class="col-md-auto"> {% do jsConfig().add('lazyImg', true) %} <div class="embed-responsive-1by1 embed-responsive author-info__media-wrapper"> {% if block.articleAuthor.image %} {{ block.articleAuthor.image.getThumbnail('author-info').getHtml({ imgAttributes: { class: 'js-lazy-img embed-responsive-item', }, 'lowQualityPlaceholder' : true}) | raw }} {% endif %} </div> <div class="author-info__name"> {% if block.articleAuthor.name %} {{ block.articleAuthor.name }} {% endif %} </div> </div> <div class="col-md-5 d-flex align-items-center text-center text-md-left"> <div> <div class="author-info__quote"> {% if block.articleAuthor.quote %} „{{ block.articleAuthor.quote }}“ {% endif %} </div> <a href="{{ linkGenerator().generate(block.articleAuthor) }}" class="btn btn-outline-primary mt-md-4 mt-3"> {{ 'magazine.author.Mehr Erfahren'|trans }} </a> </div> </div> </div> </section>{% endif %}