.user-profile-img {
    width: 250px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-50%);
    position: relative;
    z-index: 4;
}

    .user-profile-img img {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        padding: unset;
        position: relative;
        border: 10px solid white;
        box-shadow: 0px 5px 8px rgb(100 100 100 / 50%);
    }

.user-profile-content {
    margin-top: -100px;
}

.user-profile .dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    padding: 0;
    box-shadow: 0 0px 4px 0px rgb(0 0 0 / 25%);
    border: none;
}

    .dropdown-menu li a {
        padding: 7pt 10pt;
        font-size: 15px;
        font-weight: 500;
    }

        .dropdown-menu li a:hover {
            background: #ebeef0;
        }