Ideal — solo escritorio: se usa en todo el rango (100vw, 480px alto). (TID01)

(SizeLimitingPyMap: {image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}})

Ambas — escritorio (apaisada) y móvil (cuadrada): cambia de una a otra en md. (TID02)

(SizeLimitingPyMap: {image={alt=Urban landscape, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/urban.png, width=1536, height=1024, max_width=1536, max_height=1024}, image_mobile={alt=Profesional portrait at the ofice, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/sqportrait.png, width=300, height=300, max_width=300, max_height=300}})

Solo móvil — sin imagen de escritorio: la de móvil se usa en todo el rango. (TID03)

(SizeLimitingPyMap: {image_mobile={alt=Profesional portrait at the ofice, loading=lazy, size_type=auto, src=https://26977350.fs1.hubspotusercontent-eu1.net/hubfs/26977350/demos/sqportrait.png, width=300, height=300, max_width=300, max_height=300}})

Inválido: sin ninguna imagen → la guard impide el render y no se emite HTML. (TID04)

(SizeLimitingPyMap: {_test_description=Inválido: sin ninguna imagen → la guard impide el render y no se emite HTML. (TID04)})