@media (max-width: 600px) {
  main {
    background:
      radial-gradient(circle at 8% 9%, rgba(255, 255, 255, 0.88), transparent 22%),
      radial-gradient(circle at 95% 28%, rgba(216, 167, 168, 0.22), transparent 24%),
      radial-gradient(circle at 4% 70%, rgba(255, 255, 255, 0.46), transparent 19%),
      radial-gradient(circle at 92% 91%, rgba(139, 58, 76, 0.09), transparent 22%),
      linear-gradient(155deg, #f6efe8 0%, #eaded4 100%);
  }

  main::after {
    content: "";
    position: absolute;
    top: 19%;
    right: 8px;
    width: 52px;
    height: 80px;
    opacity: 0.22;
    pointer-events: none;
    background-image: radial-gradient(circle, #8b3a4c 1px, transparent 1.5px);
    background-size: 11px 11px;
  }

  .ambient.one {
    top: 39%;
    left: -105px;
    width: 190px;
    height: 190px;
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(139, 58, 76, 0.08);
  }

  .ambient.two {
    top: auto;
    right: -145px;
    bottom: 8%;
    width: 250px;
    height: 250px;
    border-color: rgba(139, 58, 76, 0.13);
  }

  .shell::before {
    content: "";
    position: absolute;
    top: 54%;
    left: -38px;
    width: 72px;
    height: 72px;
    border: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 50%;
    pointer-events: none;
  }
}