.cards {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
}

.cards > a:hover::after {
  content: "";
  background-color: rgba(0, 0, 0, 10%);
  display: block;
  position: relative;
  top: -100%;
  height: 100%;
}