how to stop text overlaying the next image item on a page?

Hi

on some devices, a line of text will respond down to create 3 lines of text instead of 2. Not a problem. But what I want to do is have the icon, pushed down to match the other content where the is a consistent 2 lines with a consistent gap. I imagine there's an option to drop the text boxes and image boxes to 'push' the images down if the text box gets deeper?

Thanks in advance.

If you make sure that the blocks don't have any overlap then when the text breaks to more lines it will push the icon down. If the block containing the icon is overlapping with the text blocks then your design will risk having overlapping content in some situations.

Thanks for the reply Ziggy. I don't seem to have any overlap. (see image). If I add more text the text box above the calculator icon, it indeed does push the icon down. However, when viewing on my phone, without adding extra text, the line above breaks into 3 lines and the calc' icon stays where it is? Would I need to add padding in a code block I wonder?

Can you share your website URL and this page?