Подскажите по css

Почему под header, не лезет картинка? А располагается ниже его

.header{
display: flex;
justify-content: space-between;
padding: 10px;
background: none;
color: #fff;
font-family: 'Visby Round CF';
font-style: bold;
font-weight: 800;
font-size: 15px;

Код

.header{

  display: flex;

  justify-content: space-between;

  padding: 10px;

  background: none;

  color: #fff;

  font-family: 'Visby Round CF';

  font-style: bold;

  font-weight: 800;

  font-size: 15px;

.background {
height: 100%;
background: url(img/fortniteback.jpg) no-repeat;
display: flex;
}

Код

.background {

  height: 100%;

  background: url(img/fortniteback.jpg) no-repeat;

  display: flex;

}

получается так:
А надо чтобы было так:

Буду благодарен если кто поможет, битый час сижу голову ломаю...