I am currently designing a page for my very first customer project and got stuck with responsiveness. I would want the page to still look clean when viewed on smaller pages, however, when scaling down, the box with text just stays the same and it ruins the aesthetic. I would like for it to stay like that (heading overlapping with picture) at least until mobile landscape if possible. I know that for mobile it probably has to get stacked above each other. Now I am wondering if I maybe had the wrong process to begin with? Anyway, here is my read-only-link. Any help appreciated!
Here is my site Read-Only: https://preview.webflow.com/preview/villa-new-site?utm_medium=preview_link&utm_source=designer&utm_content=villa-new-site&preview=4697741b86777dcaf521bd984733f3e7&mode=preview
Here is my published site link: https://villa-new-site.webflow.io/