.content-m {
      position: relative;
      z-index: 3;
}

.person-landing {
      height: 100dvh;
      display: grid;
      grid-template-rows: max-content minmax(0, 1fr);
}

.person-landing-image {
      padding: 1rem 1rem 6rem 1rem;
      display: flex;
      justify-content: center;
      align-items: center;
}

.person-landing-mask {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
}

.person-landing-image img {
      width: 100%;
      height: auto;
      max-height: 100%;
      object-fit: contain;
}

@media screen and (min-width: 420px) {
      .person-landing-mask {
            width: auto;
            aspect-ratio: 1/1;
            height: 100%;
      }
}

@media screen and (min-width: 720px) {

      .person-landing-image {
            height: 100%;
            z-index: 6;
      }

      .person-info-container {
            grid-column: 2 / span 1;
      }
}

/** PROJECT **/

.person-page-project {
      background-color: var(--c-white);
      padding: 1.5rem;
      color: var(--c-red);
      transition: all .5s ease-in-out;
      position: relative;
      z-index: 3;
}

.person-page-project:hover {
      color: var(--c-white);
}

.person-page-project:hover {
      background-color: var(--c-red);
}

.person-page-project a {
      text-decoration: none;
}

.project img {
      width: 100%;
      height: auto;
      max-height: 80vh;
      border-radius: 1.5rem;
      aspect-ratio: 1/1;
      object-fit: cover;
}

.project-title {
      text-align: center;
      width: auto;
      max-width: 95%;
}

@media screen and (min-width: 720px) {

      .person-page-project:nth-child(2) {
            margin-top: 25vw;
            border-right: none;
      }

      .content-cv {
            margin-top: 7rem;
      }
}