@media (min-width: 1200px) {
  header {
    grid-column: 1 / -1;
  }

  .page-content {
    position: absolute;
    top: 5vh;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(3, 1fr);
    font-size: 1.3vw;
  }

  .card {

    width: 15vw;
    height: 15vw;

  }

}

a:nth-child(2) .card:before {
  background-image: url(./img/colibri.webp);
}

a:nth-child(3) .card:before {
  background-image: url(./img/GrandNacre.jpg);
}

a:nth-child(5) .card:before {
  background-image: url(./img/Marmotte.jpg);
}

a:nth-child(4) .card:before {
  background-image: url(./img/punaise.webp);
}

a:nth-child(6) .card:before {
  background-image: url(./img/Ophrys.jpg);
}

a:nth-child(7) .card:before {
  background-image: url(./img/Timanfaya.jpg);
}