.field-userimage {
  text-align: center;
  margin-top: 20px;
  .show-image {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 20px;
    div {
      width: 100%;
      height: 100%;
      padding-bottom: calc(100% * 1 / 1);
      position: relative;
      img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover;
        object-position: center;
      }
    }
  }
  .btn-browser-media {
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 16px;
    background-color: #ffffff;
    color: #0f74a8;
    transition: 250ms all ease-in-out;
    &:hover {
      background-color: #0f74a8;
      color: #ffffff;
      text-decoration: none;
    }
    i {
      margin-right: 5px;
    }
  }
}