<div class="valuable"></div>
.valuable {
  --s: 80px;
  position: fixed;
  inset: 0;
  display: grid;
  background: #EDC951;
}
.valuable:before {
  content:"";
  margin-top: calc(var(--s)/4);
  background:
    conic-gradient(from -41deg,#a788e0 20deg,#cdb1fe 0 62deg,#a586e0 0 82deg,#0000 0) 
    0 calc(var(--s)/4),
    conic-gradient(from 150deg at 75%   75%,#c3abf1 52deg,#0000 0) 0 calc(var(--s)/4),
    conic-gradient(from 158deg at 25%   75%,#cfafff 52deg,#0000 0) 0 calc(var(--s)/4),
    conic-gradient(from 143deg at 50%   75%,#e9e5ff 74deg,#0000 0) 0 calc(var(--s)/4),
    conic-gradient(from -40deg at 66.5% 27%,#ddd3f7 60deg,#0000 0),
    conic-gradient(from -20deg at 33.5% 27%,#dcd2fe 60deg,#0000 0);
  background-size: calc(1.1547*var(--s)) var(--s);
  filter: drop-shadow(0 0 7px #0005);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.