Ionic Adjust image and icon

Good morning, I would like to know how to achieve that in the next image, the icon is placed on top of the image.

This is what I have for now.

HTML

<ion-row responsive-sm>
      <ion-col col-12 width-50 text-center>
        <img class="user-avatar round" style="height: auto; max-width: 23vh;" [src]="chosenPicture || placeholder"
          onerror="this.src='../../assets/imgs/avatar.png'">

        <ion-icon name="create"></ion-icon>

      </ion-col>
    </ion-row>

CSS

.user-avatar {
    max-width: 125px;
    height: 125px;
    padding: .5em;
    height: 12vh;
    filter: drop-shadow(3px 4px 4px #444);
  }

What I want to show and in the same style