CSS background per Javascript ändern

[ebody]

Hallo,

https://codepen.io/ebody/pen/rNyOrMW

In der 2. Box möchte ich das Hintergrundbild per Javascript ändern. Der Farbverlauf soll beibehalten werden. Leider funktioniert es nicht und verstehe nicht warum.

let domElement = document.querySelector('#box2');

domElement.style.background = 'linear-gradient(0deg, rgba(9,9,121,1) 0%, rgba(0,212,255,0) 100%), url("https://cdn.pixabay.com/photo/2021/05/05/18/06/lemon-6231697_960_720.jpg");';

Die Breite zu ändern funktioniert z.B. domElement.style.width = '400px';

Gruß ebody