@media only screen and (min-width: 1200px) {
  header{
    grid-column: 1 / -1;
  }
  .page-content {
    position: absolute;
    top: 5vh;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(5, 1fr);
    font-size: 1.3vw;
  }

  .card {
    width: 15vw;
    height: 15vw;

  }

}

a:nth-child(2) .card:before {
  background-image: url(./img/blog.jpg);

}

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


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


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

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