mit CSS background-image für mobil ändern

Hallo;

ich habe in einem Wordpress-Theme ein Hintergrundbild eingebunden, dieses ich aber mobil anders haben will, also tauschen eben.

das Bild ist so eingebunden ( Quellcode )!

<style type="text/css" id="custom-background-css">
body.custom-background { background-image: url("https://xxxxxxxxxxxxxxxx/wp-content/uploads/2020/11/metallbau-fiedler.jpg"); background-position: left center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
</style>

für mobil will ich jetzt ein anderes Bild einbinden, folgendes habe ich in der CSS-Box des Themes versucht:

@Media only screen and (max-width:768px){
body.custom-background {
background-image: url("
https://xxxxxxxxxxxxxxxxxxxxxxxx/wp-content/uploads/2020/06/metallbau-fiedler-mobil.jpg
"); background-position: left center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;
}}

Leider funkt das nicht, was mache ich für einen Fehler? Kann jemand helfen, danke!

VG / alias alhai