<link
rel="preload"
as="image"
href="https://socratech.es/.../bg.png">
<picture>
<source type="image/avif" srcset="miriam.avif">
<source type="image/webp" srcset="miriam.webp">
<img alt="Miriam Segura" src="miriam.png">
</picture>
<picture>
<source type="image/avif" srcset="miriam.avif">
<source type="image/webp" srcset="miriam.webp">
<img alt="Miriam Segura" src="miriam.png"
loading="lazy" decoding="async">
</picture>
<picture>
<source type="image/avif" srcset="bg.avif">
<source type="image/webp" srcset="bg.webp">
<img alt="Socratech" src="bg.png"
loading="lazy" decoding="async">
</picture>
<link
rel="preload"
as="image"
href="https://socratech.es/.../bg.[png|avif|webp]">