xxxxxxxxxx
<nav>
<div class="logo">
<img src="path/to/image.png" alt="Logo">
</div>
<ul class="nav-links">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<!-- Add more nav links as needed -->
</ul>
</nav>
xxxxxxxxxx
<a class="navbar-brand" href="/">
<div class="logo-image">
<img src="image" class="img-fluid">
</div>
</a>
xxxxxxxxxx
.logo-image{
width: 46px;
height: 46px;
border-radius: 50%;
overflow: hidden;
margin-top: -6px;
}