.my-environment-container {

  .avatar-info {
    display: flex;
    flex-direction: column;

    &__name {
      @include font-style('title--xs', 'title--s');
    }

    @include viewport--l {
      align-items: center;
      flex-direction: row;
    }
  }
}