:root{
  --photwidth: 20vw;
}
body {

  background-color: rgb(80, 80, 80);
  background-size: cover;
  place-items: center;
}
@media (min-width: 1200px) {
  header {
    grid-column: 1 / -1;
  }

  .page-content {
    display: grid;
    position: absolute;
    top: 5vh;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, var(--photwidth));
    font-size: 1.3vw;
    align-items: center;
  }

  .card {
    width: 100%;
    height: var(--photwidth);

  }

}

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

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