section.image-link-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
}

section.image-link-row.cards-count-2 {
  grid-template-columns: repeat(2, 1fr);
}

@media only screen and (max-width: 900px) {
  section.image-link-row.cards-count-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  section.image-link-row.cards-count-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 600px) {
  section.image-link-row.cards-count-2,
  section.image-link-row.cards-count-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}

section.image-link-row > div {
  background-color: var(--sky);
  flex: auto;
}

.image-link-card {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}

section.image-link-row.ar-5-4 .image-link-card {
  aspect-ratio: 5/4;
}

.image-link-card .image-link-bg-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  transition: transform 0.3s ease-in-out;
}

.image-link-card:hover .image-link-bg-image {
  transform: scale3d(1.1,1.1,1.1);
}

.image-link-card:hover .image-link-label {
  transform: scale(1.2);
}

.image-link-card .image-link-label {
  position: absolute;
  bottom: 4vw;
  left: 0;
  padding: 0.5em;
  background-color: #0033a0;
  color: white;
  text-transform: uppercase;
  transform-origin: 0 50%;
  transition: transform 0.3s ease-in-out;
}

