.promo-decor-imgs {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.promo-decor-imgs > img {
  width: calc(100% / 4);
  height: 25rem;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
.promo-decor-2 {
  position: absolute;
  bottom: -2rem;
  left: 50%;
  transform: translateX(-50%);
  max-width: 300px;
  width: 100%;
  height: auto;
}

.promo-decor::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  background: linear-gradient(to top, var(--color-primary), rgba(255, 255, 255, 0));
  bottom: -2rem;
  left: 0;
  z-index: 2;
  border-radius: 10px;
}
.promotioon-text-decor {
  letter-spacing: 2px;
  color: brown;
  font-weight: 800;
}