Header Help at the Top

I need help with my Header (Logo with Name and Job beside). So I want the Logo and my name and job to stay the same size throughout all devices.

For the most part it does but, it messes up on some devices. Like I have a IPhone XS Max and it looks fine vertically however, when I turn my phone to landscape my name smashes together.

How do fix this so the logo and info beside it stays relatively the same size on all screens but stays legible as well. I do not have any examples to give other than Photographer Website Template | WIX


Here is my public share link: https://preview.webflow.com/preview/damons-portfolio?utm_medium=preview_link&utm_source=dashboard&utm_content=damons-portfolio&preview=cb66ddda4e1fdf183c132f2d60950a79&workflow=preview
(how to access public share link)