.user-pro-item[data-user-id="1"] .avatar-with-frame {
  position: relative !important;
}

.user-pro-item[data-user-id="1"] .avatar-with-frame::before {
  content: "";
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);

  width: 80px;
  height: 80px;

  background-image: url("https://www.al-awl.com/uploads/supericons/files-1787671657716-555715303.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  z-index: 10;
  pointer-events: none;

  -webkit-filter:
    drop-shadow(0 2px 2px #000)
    drop-shadow(0 5px 4px #000);

  filter:
    drop-shadow(0 2px 2px #000)
    drop-shadow(0 5px 4px #000);
}