<section class="preview-thematique simple ptb-80px"> <div class="preview-thematique-header br8 p-{% if block.title_position is defined and block.title_position is not empty %}{{ block.title_position }}{% endif %}"> <div class="magic-margin"></div> <div class="preview-thematique-title shadow-standard w100 cwhite br8 dflex fdc jcc" {% if block.bg_color %} style="background: {{ block.bg_color }}" {% endif %}> <div> {% if block.title is defined and block.title is not empty %} <h2>{{ block.title }}</h2> {% endif %} {% if block.chapo is defined and block.chapo is not empty %} <p class="lh24">{{ block.chapo }}</p> {% endif %} {% if block.link is defined and block.link is not empty %} <a href="{{ block.link }}" class="CTA diblock nodeco lh28 ma">{{ block.link_text }}</a> {% endif %} </div> </div> <div class="preview-thematique-image shadow-standard w100"> {% if block.bg_image is defined and block.bg_image is not empty %} <img src="{{ block.bg_image.formats['600x.webp'] }}" srcset="{{ block.bg_image.formats['300x.webp'] }} 300w, {{ block.bg_image.formats['600x.webp'] }} 600w, {{ block.bg_image.formats['1000x.webp'] }} 1000w" sizes="646px" alt="{{ block.bg_image | copyright_or_description_or_title }}" class="br8" loading="lazy" width="{{ block.bg_image.fileVersion.properties.width }}" height="{{ block.bg_image.fileVersion.properties.height }}"> {% endif %} </div> </div></section>