[Feature] Nested Overlays

[colbyfayock]

Feature Request

Is your feature request related to a problem? Please describe.

Cloudinary gives you the ability to "nest" overlays in a way that allows the elements to flow in a natural way.

Example would be based on dynamic text positioning, the nested overlay would dynamically be placed after it if using relative positioning.

Describe the solution you'd like

Not quite sure, thinking maybe along the lines of:

overlays={[
  {
    ...
    children: [{ ...overlays }]
]}

Where the children would be instances of overlays, so the overlays plugin would just recursively parse the children and down

Describe alternatives you've considered

maybe childOverlays instead?

[colbyfayock]

I explain nesting in this step: https://spacejelly.dev/posts/how-to-generate-personalized-social-media-cards-for-landing-pages-with-next-js-cloudinary/#step-3-dynamically-adding-images-and-text-overlays-to-a-cloudinary-image