Change bg-color and bg-image of ion-content simultaneously

How can i attribute the background-color and background image of an ion-content simultaneously.
I have a div like this:

.div {
  background-color: #21D4FD;
  background-image: linear-gradient(19deg, #21D4FD 50%, #B721FF 50%);

and when i try to attribute the bg-color to the ion-content in the global.scss, in this way:

ion-content {
  --ion-background-color: #21D4FD;
  --ion-background-image: linear-gradient(19deg, #21D4FD 50%, #B721FF 50%);

the ion-content receives only the attribute --ion-background-color, i need that he receives also the attribute --ion-background-image.
How can i do?