.category {
  color: white;
  padding: 0;
  background: #191a16;
}

.category > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.category::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(7, 8, 6, .94) 0%, rgba(7, 8, 6, .56) 48%, rgba(7, 8, 6, .08) 100%);
}

.category > div {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 28px;
}

.category > div > span {
  top: 24px;
  color: #d6d4cc;
}

.category p,
.category.feature p {
  color: #deded8;
}

.category:hover > img {
  transform: scale(1.045);
}

.category.feature div {
  padding: 34px;
}

.category.feature::after {
  background: linear-gradient(0deg, #0a0a08f2 0%, #0a0a0870 48%, transparent 80%);
}