How to make my banner (logo image) position on the center

I’m not sure what is your html structure, but have you tried applying the css to the parent element of the header? Can you elaborate your question, or maybe try the css below:

.parent {
    display: flex;
    justify-content: space-between;
}