body {
  background-color: var(--white);
}

main {
  @media (min-width: 600px) {
    display: flex;
    max-height: 100%;
  }
}

main img {
  max-width: 33%;
  aspect-ratio: 3 / 4;
  max-height: 100%;
  margin-bottom: 16px;
  @media (min-width: 600px) {
    max-width: 25%;
    /* padding-bottom: 64px; */
  }
}

main div {
  @media (min-width: 600px) {
    padding: 0 16px;
    max-width: 25%;
  }
}

main p {
  margin-bottom: 16px;
}

main p:first-child {
  color: var(--accent);
}

main p:last-child {
  padding-bottom: 16px;
  @media (min-width: 600px) {
    padding-bottom: 80px;
  }
}