第一个问题，如何交换两个div，我想要左边的图片和旁边的文字

https://codepen.io/madaffakiren/pen/PomedWx

第二个问题，我想降低“下拉”，但是当我使用 margin-top 时，“下拉”在悬停时消失，如何将此盲点 (https://i.imgur.com/8mpN8BL.png) 分配给下拉？>

HTML：

<!-- ======== Navbar ======= -->
<nav class="navbar sticky-top navbar-expand-lg navbar-dark  fixed-top">
    <div class="container">
        <a class="navbar-brand" href="/"><img src="img/logo4.svg" width="120px" height="32px" alt="logo"></a>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link " href="/" data-target=".navbar-collapse.show">XXX</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown"
                        data-target=".navbar-collapse.show">Sample</a>
                    <ul class="dropdown-menu">
                        <a class="dropdown-item" href="#">Sample</a>
                        <a class="dropdown-item" href="#">Sample</a>
                    </ul>
                </li>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="#" data-target=".navbar-collapse.show">XXX</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" data-target=".navbar-collapse.show">XXX</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#" data-target=".navbar-collapse.show">XXX</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

CSS：

.navbar {
    padding: 10px 0;
    background-color: #37517e;
}

.navbar .nav-item {
    margin: 0;
    padding: 0;
}

.navbar .nav-item .nav-link {
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    padding: 0;
    margin-left: 35px;
    transition: all 0.3s ease-in-out;
}

.navbar .nav-item .nav-link:hover {
    transform: translateY(-3px);
    color: #03b0d5;
}

.navbar .nav-item .dropdown-menu {
    border: none;
    margin: 20px 0;
    background-color: blue;
}

.navbar .nav-item:hover .dropdown-menu {
    display: block;
}