{% set end = false %}
{% if block.theme_pic_img is defined and block.theme_pic_img is not empty %}
{% if block.image_position == "right" %}
{% set end = true %}
{% endif %}
{% endif %}
<div class="br8 mt-40px mb-40px pxaic">
<div class="block-text-pic dflex jcsb">
{% if block.theme_pic_img is defined and block.theme_pic_img is not empty %}
<div class="block-pic-main{% if end %}-end{% endif %}">
<img class="main-pic w100" src="{{ block.theme_pic_img.formats['600x.webp'] }}" srcset="{{ block.theme_pic_img.formats['300x.webp'] }} 300w, {{ block.theme_pic_img.formats['600x.webp'] }} 600w, {{ block.theme_pic_img.formats['1000x.webp'] }} 1000w" sizes="600px" alt="{{ block.theme_pic_img | copyright_or_description_or_title }}" loading="lazy" width="{{ block.theme_pic_img.fileVersion.properties.width }}" height="{{ block.theme_pic_img.fileVersion.properties.height }}">
</div>
{% endif %}
<div class="dflex fdc w40">
<h2 class="fw400 fs36 lh40">
{{ block.theme_pic1_title }}
</h2>
{% if block.theme_pic1_desc is defined and block.theme_pic1_desc is not empty %}
<div class="fw400 fs16 lh24 mt-24px">
{{ block.theme_pic1_desc | raw }}
</div>
{% endif %}
{% if block.theme_pic1_text is defined and block.theme_pic1_text is not empty %}
<div class="frame-thematique1 dflex jcc aic br6 fw400 fs16 lh24 mt-24px framed">
{{ block.theme_pic1_text | raw }}
</div>
{% endif %}
{% if block.theme_pic2_text is defined and block.theme_pic2_text is not empty %}
<div class="frame-thematique2 dflex jcc aic br6 fw400 fs16 lh24 framed">
{{ block.theme_pic2_text | raw }}
</div>
{% endif %}
{% if block.theme_pic3_text is defined and block.theme_pic3_text is not empty %}
<div class="frame-thematique3 dflex jcc aic br6 fw400 fs16 lh24 framed">
{{ block.theme_pic3_text | raw }}
</div>
{% endif %}
{% if block.theme_pic4_text is defined and block.theme_pic4_text is not empty %}
<div class="frame-thematique4 dflex jcc aic br6 fw400 fs16 lh24 framed">
{{ block.theme_pic4_text | raw }}
</div>
{% endif %}
</div>
</div>
</div>