Text Block and Button overlapping in 7.1

Q. In Squarespace 7.1 how do you properly add a text and a button so the text and button don't move separately when the page is resized?

What I did.
I have created a background image in a section and have added a text block and button but when the page is resized the text block and button overlap. I want the text block, title and button to resize or be positioned so they don't overlap.

When I move the button down so it looks good for Desktop it looks terrible on mobile and visa versa. Really like the way 7.1 allows you to edit pages but unfortunately in 7.1 it's hard to get consistent results..
 

Quote

How do I properly add title text, paragraph text and a button to a white box so they don't overlap when page is resized?

How do I add a text block and button in Squarespace 7.1 so they don't overlap when browser resizes?

Hmmm. The lack of response makes me think this maybe a problem for the fluid design in Squarespace 7.1

If someone could let me know if this is not possible or provide a solution I would appreciate it. Thanks.

You can consider adding a text link in Text Block, then we can use some lines of CSS code to turn it to button