页面中多张背景图片如何分别调整样式

同一个div中有多张背景图片如何分别调整位置和拉伸情况

主要关注background-image 部分的代码调整
使用‘,’ 就能够将每一张图片分隔开来设置： background-size: 100% 100%, 140% 100%;

.box {
  width: 490px;
  height: 900px;
  background: linear-gradient(-43deg, #033061, #0b497d);
  background-image: url("~@/assets/images/shijian/bgc-right.png"),
    url("~@/assets/images/resourceManagement/newPage1_13/bkBjRight.png");
《==使用‘，’就能够分别调整不同的背景图片样式，样式按照顺序修改==》
  background-size: 100% 100%, 140% 100%;   
  background-position: 0 0, 490px 0;    
  position: absolute;
  top: 80px;
  right: 10px;
  box-sizing: border-box;
  z-index: 900;
  padding: 0 0 45px 25px;
}