.container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.person {
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

h3 {
  font-weight: 300;
  font-size: var(--fs-m);
}

span {
  display: block;
}

.container a::after {
  content: none;
  text-decoration: underline;
}

@media only screen and (min-width: 1100px) {
  .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: max-content max-content max-content;
    row-gap: 100px;

    justify-items: center;
  }

  .person:first-child {
    grid-column: 1 / span 2;
    margin-bottom: 50px;
  }
}