Is there a way to position the dropdown menu at the bottom left of an image in bootstrap 4?
<nav class="navbar navbar-expand-md bg-success navbar-dark fixed-top">
<!-- Brand -->
<a class="navbar-brand" href="#">KMA-v1</a>
<ul class="navbar-nav ml-auto">
<!-- Dropdown -->
<li class="nav-item dropdown">
<a data-toggle="dropdown">
<img src="../public/hard/face.jpeg" class="img-fluid rounded-circle float-right" alt="Cinque Terre">
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Link 1</a>
<a class="dropdown-item" href="#">Link 2</a>
<a class="dropdown-item" href="#">Link 3</a>
</div>
</li>
</ul>
</nav>