Danil Klimov

Я бы сделал так.

.block {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%), url(https://place-hold.it/1920x1080);
}

Таким образом можно сделать затемнение картинки градиентом, что бывает полезно.
Стоит также учитывать что linear-gradient в safari поддерживается частично. Но простой градиент точно будет работать.

Либо:

.div2 {
  position: relative;
  top: -200px;
}

Но тогда нужно учитывать что между div2 и последующим блоком (например div3) будет дыра в 200px

Либо:

.div1, .div2 {
  width: 100%;
  height: 200px;
  position: absolute;
}

В таком случае естественно должен быть родитель с position: relative