Guides
Image Underlays

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

Turtle swimming in a galaxy
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