GIRo

Нашел само ответ на поставленный вопрос, найдя подходящий пример

Вместо использования в хедере позиции fixed, есть так называемый sticky + top: 0;
В итоге переписал CSS следующим образом:

header {
position: sticky;
position: -webkit-sticky;
top: 0;
z-index: 100;
width: 100%;
background: linear-gradient(to right, #283c28, #3c5f42);
color: #ccc;
text-transform: uppercase;
min-height: 5rem;
}

/*В отступе сверху необходимость отпала, поэтому убираем его*/
.content {
/* padding-top: 5rem; */
}