引导导航栏。如何在导航栏外包装徽标？

Question

如何在导航栏中设置徽标？ 链接到图像（应该如何）：https://i.imgur.com/l4vQKP2.png

因此，每行都有不同的颜色。否则，它看起来像是一个带有徽标的大面板。

如何正确设置？

A使用以下位置创建了此位置：绝对。我认为这不是一个好主意。 https://codepen.io/AntonFix/pen/moozJQ

HTML：

<div class="row bg-custom2">
    <div class="container">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-6 offset-md-4 float-right my-3">
                    Call us! | WhatsApp | E-mail
                </div>
            </div>
        </div>
    </div>
</div>
<nav class="navbar navbar-expand-md navbar-light bg-custom navbar-logo">
    <a href="#" class="navbar-brand">
        <img class="logo-image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/11/Test-Logo.svg/320px-Test-Logo.svg.png" alt="Logo">
    </a>
</nav>

CSS：

.logo-image {
    position: absolute;
    height: 90px;
    top: -2.2rem;
}