.super-team-block {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.super-team-grid {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
}

/* Ratio 1:1 du bloc via un padding-bottom trick */
.super-team-block::before {
  content: "";
  display: block;
  padding-bottom: 50%; /* 4 colonnes × 2 rangées → ratio 4:2 = 2:1 */
}

.super-team-cell {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

.super-team-cell.visible {
  opacity: 1;
}
