.project-landing {
      min-height: 100dvh;
      display: grid;
      grid-template-rows: max-content auto;
      position: relative;
      z-index: 6;
}

.project-infos {
      position: relative;
      z-index: 3;
}

.project-person {
      transition: all .5s ease-in-out;
      position: relative;
      z-index: 1;
}

.project-person img {
      width: 100%;
}

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

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

      .info-person-container {
            grid-column: 1 / span 2;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2px;
      }

      .project-person {
            grid-row: 2;
            grid-column: 2 / span 1;
            margin-top: -2px;
      }

}

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

      .info-person-container {
            grid-column: 1 / span 4;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
      }

      .project-infos {
            grid-column: 1 / span 2;
            grid-row: 1;
      }

      .project-person {
            grid-row: 2;
            grid-column: 3 / span 1;
      }

}