When a text overlay is applied on an image, it's rendered and trimmed separately first, and only then placed on the base image - therefore it may sometimes result in the following behaviour (notice the changing heights of the semi-transparent bars):
Unless instructed otherwise, Cloudinary will always trim the text container, and thus different bar sizes will show when using letters that go above or below the line.
text_no_trim flag (
fl_text_no_trim for URLs) to the text overlay transformation will override this behaviour and will keep the margins around the text, for example:
Below is another use case example, where two independent text layers need two be aligned:
More on text_no_trim: https://cloudinary.com/documentation/transformation_reference#fl_text_no_trim