背景画像を複数設定して位置も替える

右上の鳥を背景01（bird01.png）
左下の鳥を背景02（bird02.png）
全体に敷いてあるものを背景03（back.jpg） として

.content {
	background-image: url("bird01.png"), url("bird02.png"), url("back.jpg");
	background-position: top right, left bottom, center center;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 30%, 30%, 200%;
}

最初に記述したものが一番上、そこから下に重なっていくので　一番下にbackground-colorを設定してみたり
逆に一番上にlinear-gradientで透過グラデーションなどを重ねるのもあり