michaelvovk

менять гражданство придётся(

.d-content{
display: block
}
.d-content span{
display: block;
width: fit-content
}

если у вас нет на это никаких религиозных запретов, то абсолютно нормально)
как вариант - можно установить этой секции min-height и избежать того момента, когда контент в ней не вмещается)

.header {
height: 100hv;
position: relative;
}
.header-content{
position: absolute;
top: 0;
left: 0;
width: 100%; //если он должен быть на всю ширину
height: 100%
}

а почему ты задаешь background блоку .section.mcb-section.mcb-section-1pqjfdwar, а не .section_wrapper.mcb-section-inner?

потому что контент внутри header больше чем он сам и так как flex-wrap по умолчанию nowrap, то блоки не переносятся.
плохая идея делать всё на vw и vh, конструкция очень ненадёжная получится, используй лучше проценты и пиксели

ты задаёшь opacity для всего блока .nav, в итоге у тебя весь блок принимает opacity 0.1, то есть становится прозрачным.