Как увеличить размер фонового изображения?

еще я с помощью flex как видишь позиционирую main_left и main_right чтобы они расположились в ряд слева и справа

Спасибо огромное! Теперь разобрался. С Наступающим!! )

А как сделать так, чтобы по высоте контент центрировался и тянулся при изменении разрешения экрана? Я просто хочу сделать эту часть (main-container) резиновой по высоте. height: 100% не работало. Сейчас задал для этого:

.header {
	position: relative;
	<b>height: 100vh; </b>

Блок стал тянуться, но контент (текст и изображение в .main_left и .main_right) по вертикали не центрируются. Как правильно сделать, чтобы по центру было? Задавать margin-top в пикселях не хочется, тк не очень адаптивно получается.

Также пробовал через

.main-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;

Но тоже не работало...

Как будет правильно сделать центрирование?

Антон Романов,
Спасибо, тебя тоже с Новым Годом!
если я правильно понял то ты хочешь сделать так чтобы содержимое блока .main_left вертикально центрировалось относительно main_container. Грубо говоря, текст был по центру относительно картинки.
take.ms/CaTnd
в таком случае для main_left

.main_left { 
    display: flex;
    flex-direction: column;
    justify-content: center;
}

Может быть изначально немного быть сдвинуто из-за отступов элементов которые находятся внутри этого блока но если их обнулить то содержимое будет по центру

Спасибо!