section {
  padding-top: 1vh;
    width: 98%;
    margin: 0 auto;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid-sizer,
.grid-item {
  width: 33%;
  margin: 1px;
}
.grid-item {
  transition: 0.4s ease-out;
  float: left;
  cursor: pointer;
  position: relative; /* Définit un contexte de position pour les enfants */
}
.grid-item:hover {
  transform: scale(1.05);
  z-index: 1;
}
.grid-item img {
  display: block;
  width: 100%;
}

.hidden img {
  filter: brightness(25%);
}

.grid-item .overlay-icon {
  z-index: 1;
  position: absolute; /* Position absolue dans l'élément parent */
  top: 1vh; /* Ajustez selon votre besoin */
  left: 1vw;

  padding: 0.5vh 0 0.5vh 1vw;

  background-color: rgba(5, 5, 5, 0.9);
  border-radius: 14px;
}

.grid-item a {
  text-decoration: none;
  color: rgba(20, 55, 140, 1);
  margin-right: 1vw;
  font-size: clamp(0.1em, 3vmin, 2.5em);
}

.grid-item a:hover {
  color: rgba(85, 30, 140, 1);
}

footer {
  width: 100% !important;
  cursor: default !important;
}

footer:hover {
  transform: none !important;
}