Hier müsste man wohl individuellen CSS-Code und @media verwenden sowie 3 Bilder, also neben Desktop und Smartphone auch noch Smartphome im Querformat.

Evtl. die KI nach dem benötigten Code fragen, wenn sich kein CSS-Experte meldet.

Einfacher ist es das Bild im Bild-Objekt einzufügen, dann können Seitenbesucher scrollen.

Ok, danke. Das Bild soll aber im Hintergrund sein und ich will Schaltflächen drauflegen

Kleine Anleitung:

In WebSite X5 unter "3 Sitemap" die betreffende Seite markieren und oben auf "Eigenschaften" klicken, dann auf den Reiter "Erweitert" klicken und hier den CSS-Code einfügen.

Die 3 Bildadressen im CSS-Code anpassen bzw. als kompletter HTTPS-Bildadressen angeben.

.

----- CSS-Code, generiert mit Google-KI (ohne Gewähr und nicht getestet) -----

<style>
/* 1. Standard-Hintergrund: Desktop (große Bildschirme) */
body {
background-image: url('desktop-hintergrund.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-attachment: fixed;
}

/* 2. Smartphone im Hochformat (max. 480px Breite) */
@media screen and (max-width: 480px) and (orientation: portrait) {
body {
background-image: url('smartphone-hochformat.jpg');
}
}

/* 3. Smartphone im Querformat (max. 900px Breite + Landscape) */
@media screen and (max-width: 900px) and (orientation: landscape) {
body {
background-image: url('smartphone-querformat.jpg');
}
}
</style>