Change align Parallax

I’ve already found out, that with custom css I can change the align parameter (margin-left:480px, margin-right:-100px)
But on a mobile device or changing the desktop size my text will not appear as it use to.
How can I set the text more right so it’s on all device nice to read?

Hey there,
I hope you’re doing well today

For CSS to take effect on different devices/screen size, it will require a media query.

For mobile devices you’ll use the following media query, using the code you’ve provided as an example.

@media (max-width: 550px){

You can add and custom css code to Appearance > Customize > Additional CSS:

Best Regards,

Thanks alot. But it doesnt work the way I thougt. I added two Screenshots to show my problem.
The desktop view looks good. But changing the size (e.g. mobile) there is no more text. And is it possible to take another picture detail?