Thank you Ismael! That worked out fine. Thread can be closed.

Thank you, it works, but still too far right. Would like to put it on the left border. In the mobile version, nothing changed.
I tried
padding-left: -10;
but this doesn’t work.

I would like to change pictures if people use smartphones or tablets. It works now but I would like to change every picture. I want Startseite to show a smartphone version of the pic from Startseite which works pretty good now, but now also “Kontakt”is showing the same picture as “Startseite”. I would like that “Kontakt” is using another picture but I don’t get it how to define the unique user ID correctly.

https://img.savvyify.com/image/9RsR3
https://img.savvyify.com/image/9Rl8A
https://img.savvyify.com/image/Screenshot-iPhone.9RFXL

edit:
Now it works as it should be. Thank you all for your help!

• This reply was modified 10 months, 2 weeks ago by josikrop1.

Ok now I understand why the unique ID is so important, now he’s changing the picture from all sites. Got it.
So this should be the solution right?

@media only screen and (max-width: 767px) { 
#av_section_1.avia-section .av-parallax .av-parallax-inner section-mobile-bg {
    background-repeat: no-repeat;
    background-image: url(https://hauptwerk-zt.at/wp-content/uploads/2024/01/rendering1_smartp.jpg);
    background-position: 0% 50%;
}
}

Thanks for your response Rikard. I tried another solution but I think the solution I found is not really beautiful. I duplicated the color section and made it visible only for small screens.

Can you describe me the way to get on my goal, it is not because I don’t trust but I want to understand this and learn what I have to do.