{% if ressource.image %}
<div id="carousel" class="monoslide">
	<picture>
		<source
			type="image/webp"
			srcset="
				{{ asset('images/ressources/' ~ ressource.image) | imagine_filter('m_600_webp') }} 600w,
				{{ asset('images/ressources/' ~ ressource.image) | imagine_filter('l_1024_webp') }} 1024w,
				{{ asset('images/ressources/' ~ ressource.image) | imagine_filter('xl_2048_webp') }} 2048w
			"
			sizes="100vw"
		/>
		<img
			src="{{ asset('images/ressources/' ~ ressource.image) | imagine_filter('m_600') }}"
			srcset="
				{{ asset('images/ressources/' ~ ressource.image) | imagine_filter('m_600') }} 600w,
				{{ asset('images/ressources/' ~ ressource.image) | imagine_filter('l_1024') }} 1024w,
				{{ asset('images/ressources/' ~ ressource.image) | imagine_filter('xl_2048') }} 2048w
			"
			sizes="100vw"
			alt="Sensipode - Image associée à {{ ressource.titre }}"
			loading="lazy"
			decoding="async"
		/>
	</picture>
</div>
{% endif %}