noise-overlay-sunset

bg-[url("data:image/svg+xml,%3Csvg_xmlns='http://www.w3.org/2000/svg'_width='120'_height='120'_viewBox='0_0_120_120'%3E%3Cfilter_id='n'%3E%3CfeTurbulence_type='fractalNoise'_baseFrequency='0.7'_numOctaves='4'_stitchTiles='stitch'/%3E%3C/filter%3E%3Crect_width='120'_height='120'_filter='url(%23n)'_opacity='0.75'/%3E%3C/svg%3E"),linear-gradient(134deg,#f5f3ff_0%,#c4b5fd_54%,#7c3aed_100%)] bg-size-[140px_140px,auto] [background-blend-mode:overlay,normal] border border-solid border-[rgba(109,40,217,0.22)]

.radial-noise-overlay-sunset {

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.75'/%3E%3C/svg%3E"),
    linear-gradient(134deg, #f5f3ff 0%, #c4b5fd 54%, #7c3aed 100%);
  background-size: 140px 140px, auto;
  background-blend-mode: overlay, normal;
  border: 1px solid rgba(109, 40, 217, 0.22);
}

{
  backgroundImage: "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.75'/%3E%3C/svg%3E\"), linear-gradient(134deg, #f5f3ff 0%, #c4b5fd 54%, #7c3aed 100%)",
  backgroundSize: "140px 140px, auto",
  backgroundBlendMode: "overlay, normal",
  border: "1px solid rgba(109, 40, 217, 0.22)",
}