How to mark text with different size

[ad_1]

I like to mark text. I made a little snippet for that which works so far:

mark {
background-color: #00D3D9;
}

**but** the height of the coloured marking should not have the same height as the text. (as this is about a script font which looks strange with a full height marking)

Here is an example from another page: [https://imgur.com/a/dY0jHZx](https://imgur.com/a/dY0jHZx)

How can this be done?

(I work with WPBakery Page Builder; no Elementor; no Gutenberg)

[ad_2]