.mobile-promotions {
  display: flex;
  gap: 20px;
  padding: 20px;
  justify-content: center;
}

.mobile-promotion-item {
  max-width: 50%;
}

.mobile-promotion-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.mobile-promotion-image img.rounded {
  border-radius: 8px;
}

.mobile-promotion-heading {
  text-align: center;
  color: rgba(var(--color-foreground), 0.75);
}