<div class="flex flex flex-wrap items-start gap-5 px-4 pb-6 pt-4 text-surfaceRaised-text transition-all duration-350 ease-in-out">
<!-- no supplied image src -->
<BaseImage
class="w-[200px] overflow-hidden border border-surface-shadow rounded shadow shadow-surface-shadow"
:src-aspect-ratio="0.75"/>
<!-- Broken image link -->
<BaseImage
class="w-[200px] overflow-hidden border border-surface-shadow rounded shadow shadow-surface-shadow"
:src="'/broken-image-link.jpg'"
:src-aspect-ratio="0.75"/>
<!-- img supplied svg -->
<BaseImage
:src="'/regione-del-veneto-logo.png'"
class="w-[400px] overflow-hidden border border-surface-shadow rounded shadow shadow-surface-shadow"
:sizes="['200px', 'md:400px']"
:src-aspect-ratio="0.2621825669"/>
<BaseImage
:src="'/regione-del-veneto-map.png'"
:src-aspect-ratio="0.8576470588"
class="w-[300px] overflow-hidden border border-surface-shadow rounded shadow shadow-surface-shadow"/>
</div>
