Как я могу заставить изображение справа переместиться немного влево, не перемещая остальную часть заголовка? ⇐ CSS

[Anonymous]

я делаю заголовок, который выглядит следующим образом


и, как вы можете видеть, изображение справа находится очень далеко вправо, и я не хочу этого, я хочу, чтобы оно было немного левее, и я попытался использовать отступ справа на 5 пикселей. но когда я это делаю, ссылки в центре заголовка перемещаются влево, когда я делаю правильное поле на правом изображении.
вот код html и css

Код: Выделить всё

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

header {
height: 100px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid;
}

.left_header img {
width: 90px;
}

.main_links {
width: 400px;
}

.main_links ul {
display: flex;
list-style-type: none;
justify-content: space-between;
}

.main_links a {
text-decoration: none;
color: pink;
}

.main_links a:hover {
color: black;
}

.right_header {}

.right_header img {
width: 30px;
cursor: pointer;
}

Код: Выделить всё

[*]
karen






[img]logo-waveform-svgrepo-com.svg[/img]



[list]
karen
[*]asdfasdsasadsf
[*]adfadsfasfasfadsfad
[*]adfafafasfads
[/list]


[img]/icons8-menú.svg[/img]

и, как видите, изображение справа находится очень далеко от право, и я не хочу этого, я хочу этого

Подробнее здесь: https://stackoverflow.com/questions/791 ... t-moving-t