BOOTSTRAPのnavbarを使ってロゴとアイコンを中央寄せしたい

前提

bootstrapのnavbarを使ってロゴとアイコンを中央寄せしたいです。
以下のようにメニューとロゴを配置したのですが、左寄りになってしまいます。
ロゴもメニューのなかの中央に寄せて半分サイズをカットして配置したいです。

実現したいこと

理想としては以下のような配置です。

該当のソースコード

html
1<header class="header">
2        <nav class="navbar navbar-expand-xl navbar-light  bg-white">
3            <div class="container-fluid">
4              <a class="navbar-brand" href="#">Home</a>
5              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarBasic" aria-controls="navbarBasic" aria-expanded="false" aria-label="Toggle navigation">
6                <span class="navbar-toggler-icon"></span>
7              </button>
8              <div class="collapse navbar-collapse justify-content-center" id="navbarBasic">
9                <ul class="navbar-nav me-auto mb-2 mb-xl-0">
10                  <li class="nav-item">
11                    <a class="link nav-link active" aria-current="page" href="#">Home</a>
12                  </li>
13                  <li class="nav-item">
14                    <a class="link nav-link" href="#">About</a>
15                  </li>
16                  <li class="nav-item">
17                    <a class="link nav-link" href="#">
18                        <img src="image/logo.jpg" alt="sun face" width="100px">
19                    </a>
20                  </li>
21                  <li class="nav-item">
22                    <a class="link nav-link" href="#">Works</a>
23                  </li>
24                  <li class="nav-item">
25                    <a class="link nav-link" href="#">Contact</a>
26                  </li>
27                </ul>
28              </div>
29            </div>
30          </nav>
31    </header>
32
33```css
34
35.header {
36  position: fixed;
37  width: 100%;
38  text-align: center;
39  background-color: #fff;
40  top: 0;
41  left: 0;
42  z-index: 999;
43}
44
45
46.header .link {
47  text-align: center;
48  font-family: "Montserrat", sans-serif;
49
50}
51
52
53.header .navbar .nav-item .link img {
54  border-radius: 50%;
55}
56
57### 試したこと
58
59
60
61### 補足情報（FW/ツールのバージョンなど）
62