.hero-star {
  position: absolute;
  z-index: 1;
  top: -12px;
  left: 55px;
  width: min(445px, 88%);
  height: auto;
  filter: drop-shadow(0 22px 22px rgba(76, 48, 176, .19));
  transform: rotate(-4deg);
  transform-origin: center;
}

@media (max-width: 760px) {
  .hero-star {
    top: -16px;
    left: 50%;
    width: min(320px, 94%);
    transform: translateX(-50%) rotate(-4deg);
  }
}