Как делать такой Background?
Картинку с помощью background-mage назначить для body.
А первому белому и второму красному блоку назначить цвет с полупрозрачностью с помощью rgba.
Есть несколько вариантов, нужно смотреть как вы хотите разметить.
Тут самый элементарный вариант:
.background{
background-image: url('путь/bg,jpg');
position: relative;
z-index:0;
}
поуправлять размрами и тд.
последующим блокам z-index увеличиваем