.public-profile {

  .profile-header-container {
    position: relative;

    img.profile-header {
      border: solid 2px #4a4a4a;
      border-radius: 16px;
    }
  
    img.profile-picture {
      display: block;
      width: 128px;
      height: auto;
      margin: 0 auto;
  
      border: solid 2px #4a4a4a;
      border-radius: 50%;
    }

    &.header-offset {
      margin-bottom: 64px;

      img.profile-picture {
        position: absolute;
        bottom: -48px;
        left: calc(50% - 64px);
      }
    }
  }
}