В этом случае два блока текста получаются одинаковыми.глазомер хромает посмотри цифры в девтулзах
Width: 100% max-width: 600pxэто значит блок 100% от ширины родителя, но ограничение не даст ему увеличиться в 600px.
Если мы записываем max-width и width в процентах, то разницы между ними я вообще не вижу.даже не знаю где бы такое пригодилось.
.header_banner {
opacity: 0.9;
background-color: #330066;
background-image: linear-gradient(45.0deg, #0169b4 18%, #a72b8f 81%);
background-position: center;
background-repeat: no-repeat;
// ты задал блоку высоту элементы не поместились в эту высоту и ушли за границу блока
height: 750px;
}