bpoint: min 2xs xs sm md lg xl 2xl 3xl

Module masked-image

lista · todo

Ideal: imagen apaisada recortada con la máscara A sobre fondo blanco, sin overlay. (TID01)

(SizeLimitingPyMap: {background=white, 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}, overlay=false, overlay_color=white})
Urban landscape

Con overlay: banda de color a sangre (negro) en la parte superior que la imagen pisa; fondo gris claro. (TID02)

(SizeLimitingPyMap: {background=light, 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}, overlay=true, overlay_color=primary})
Urban landscape

Fondo oscuro: máscara A sobre fondo negro (primary) con imagen cuadrada para verificar el recorte cover. (TID03)

(SizeLimitingPyMap: {background=primary, image={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}, overlay=false, overlay_color=white})
Profesional portrait at the ofice

Inválido: sin imagen. La guard clause exige image.src → hints.invalid_module(). (TID04)

(SizeLimitingPyMap: {background=white, image=null, overlay=false, overlay_color=white})

Module/masked-image no cumple las condiciones para poder mostrarse, por favor, revisa su contenido

(SizeLimitingPyMap: {background=white, image={size_type=auto, src=, alt=null, loading=lazy}, overlay=false, overlay_color=white, type=module})

Este mensaje sólo es visible en el editor