.autobio {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.autobio img {
  height: auto;
  max-width: 45%;
  border-radius: var(--border-radius-main);
}

.bio-content {
  max-width: 45%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (max-width: 801px) {

  .autobio {
    flex-direction: column;
  }

  .autobio img {
    max-height: auto;
    max-width: 95%;
    margin-bottom: 1rem;
  }

  .bio-content {
    max-width: 95%;

  }

}