Adding Layers Under Images

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

import { CldImage } from 'next-cloudinary';
 
<CldImage
  width="960"
  height="600"
  src="images/turtle"
  sizes="100vw"
  removeBackground
  underlay="images/galaxy"
  alt="Turtle swimming in a galaxy"
/>

Learn More

• CldImage
• getCldImageUrl