BOOTSTRAP5でnavbarのメニューを中央寄せしたい＋アイコンを中央に配置したい

前提

Ｂootstrap5を使ってレスポンシブ対応の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
34
35

CSS
1
2.header {
3  position: fixed;
4  width: 100%;
5  text-align: center;
6  background-color: #fff;
7  top: 0;
8  left: 0;
9  z-index: 999;
10}
11
12
13.header .link {
14  text-align: center;
15  font-family: "Montserrat", sans-serif;
16
17}
18
19
20.header .navbar .nav-item .link img {
21  border-radius: 50%;
22}
23
24