How to ensure elements do not overlap or disappear when minimizing screen for responsive design?

Here is my site: Webflow - Hi, I'm Rachel

While minimizing the screen to the smallest width possible, my “let’s connect” text, mail icon, and LinkedIn icon on the bottom of the page overlap each other. Also, the “back-to-top” arrow partially disappears.

How can I address this?

Thank you.