I have seen a lot of examples where background shorthand property is used instead of the non-shorthand properties like
background: center center fixed no-repeat;
The problem is that we have to be really careful about the order of
background-image property. If we replace them, if we put shorthand property after the
background-image property, the shorthand property will overwrite the background-image property. It will set the
If we by accident switch the order of these properties, we will lose
background-image. That means if we come to our project several years later, we will have to remember not to switch positions of those two properties.
My advice is to split that shorthand into multiple properties. It will give us more control over the properties, we will not have to remember the order of the properties and our code is much readable!