Image Underlays

Underlays function very similar to overlays in terms of options, however they do not support text.

See the examples above under Overlays to learn more about the available configurations.

Example

<CldImage
  width="960"
  height="600"
  src="images/turtle"
  sizes="100vw"
  removeBackground
  underlays={[{
    publicId: 'images/galaxy',
    width: 1920,
    height: 1200,
    crop: 'fill'
  }]}
/>