可以在一个元素中调整两个背景图像的大小吗？

我想根据它们的位置调整背景图像的大小。有可能吗？我试过了，但实际上不起作用。

header {
  background: #fff8f3;
  padding: 0 200px;
  background-image: url('../images/header_bg.png'), url('../images/developer.png');
  background-repeat: no-repeat;
  background-position: bottom right, left;
  background-size: 50%;
}