.photo-box .photo-box-image-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  clip-path: inset(1px round 8px);
}
.photo-box .photo-image {
  width: auto;
  clip-path: inset(1px round 8px);
}
.photo-box .no-photo-avatar {
  background-image: url("images/photo-avatar.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
}
.photo-box .no-photo-photo {
  background-image: url("images/photo-place.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  min-height: 100px;
}
.photo-box .photo-box-button-container {
  position: absolute;
  bottom: 5px;
  border: 1px #343434 solid;
  border-radius: 8px;
  background: rgba(214, 214, 214, 0.768627451);
  width: 35%;
  display: none;
  justify-content: center;
  z-index: 1003;
}
.photo-box .photo-box-button-container i {
  line-height: 20px;
}
.photo-box:hover .photo-box-button-container {
  display: flex !important;
}
.photo-box .photo-box-field.position-absolute {
  position: absolute;
  width: calc(100% - 10px);
}