<section class="news container"> <div class="row gy-4"> <div class="col-lg-6 col-md-12"> <div class="content-text-container"> {{ include('navigation/breadcrumb.html.twig') }} {{ include('includes/atoms/back-button.html.twig', { link: siteConfig().newsOverview(app.request.locale), }) }} <div> {% for category in object.getCategories %} <div class="d-inline-block category-tag">{{ category.getName(app.request.locale) }}</div> {% endfor %} </div> <div class="title-block title-block--fluid"> <ol class="info list-inline"> <li class="list-inline-item info-item">{{ formatDate(object.publishDate) }}</li> </ol> <h1 class="title-block__title js-toc__title h2 mt-2"> <strong class="title-block__title--bold">{{ object.getName(app.request.locale) }}</strong> </h1> {% if object.shortDescription %} <div class="wysiwyg short-text mt-4 mt-xl-5"> {{ object.shortDescription|raw }} </div> {% endif %} </div> </div> </div> <div class="col-lg-6 col-md-12 offset-lg-0 offset-md-0 order-0 order-md-1"> <div class="container__break-right-half-md"> <div class="position-relative js-lightbox img-container"> <div class="ratio ratio-3x2"> {{ object.previewImage.thumbnail('location-hero').getHtml({ imgAttributes: { class: 'location-img ratio-item img', }, loading: 'eager', lowQualityPlaceholder: true, })|raw }} {{ object.previewImage.thumbnail('location-hero').getHtml({ imgAttributes: { class: 'location-img ratio-item img', }, loading: 'eager', })|raw }} </div> </div> </div> </div> </div></section>