.card-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3), transparent);
  z-index: 1;
}
.card-img img {
  z-index: 0;
}
.card-img > div {
  z-index: 2;
  position: relative;
}