/* Make author photo readable on phones */
@media screen and (max-width: 767px) {
  .sidebar .author__avatar {
    display: block;
    width: 150px;
    margin: 0 auto 0.75rem;
  }

  .sidebar .author__avatar img {
    width: 150px;
    height: 150px;
    max-width: 150px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
  }

  .sidebar .author__content {
    display: block;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }

  .sidebar .author__urls-wrapper {
    display: block;
    text-align: center;
  }
}