.heroVegetable {
  opacity: .96;
  pointer-events: none;
  position: absolute;
  user-select: none;
  z-index: 2;
}

.heroVegetable img {
  display: block;
  filter: drop-shadow(5px 6px 0 rgba(11, 17, 18, .44));
  height: 100%;
  max-width: none;
  width: auto;
}

.heroVegetableBroccoli img {
  transform: scaleX(-1);
  transform-origin: center;
}

.heroVegetableBroccoli {
  height: 260px;
  right: -28px;
  top: 18px;
  transform: rotate(-5deg);
}

.heroVegetablePepper {
  bottom: 40px;
  height: 230px;
  left: 12px;
  transform: rotate(5deg);
}

@media (max-width: 1040px) {
  .heroVegetableBroccoli {
    height: 245px;
    right: -26px;
    top: 16px;
  }

  .heroVegetablePepper {
    height: 215px;
    left: 10px;
  }
}

@media (max-width: 640px) {
  .heroVegetableBroccoli {
    height: 178px;
    right: -22px;
    top: 26px;
    transform: rotate(-4deg);
  }

  .heroVegetablePepper {
    display: none;
  }
}

@media (max-width: 420px) {
  .heroVegetableBroccoli {
    height: 164px;
    right: -24px;
    top: 24px;
  }
}