.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.category-item-wrapper {
  position: relative;
}

.category-title {
  position: absolute;
  bottom: 1rem;
  color: #fff;
}

.bg-overlay {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));
  position: absolute;
  width: 100%;
  height: 100%;
}

.product-img {
  width: 100%;
  height: 9rem;
  background-size: cover;
  background-position: center;
}

.product-disc {
  position: absolute;
  top: 1rem;
  left: 1rem;
}