.double-visual img {
  opacity: .9;
  mix-blend-mode: screen;
  filter: drop-shadow(0 28px 42px rgba(0, 0, 0, .55)) saturate(.82) sepia(.12);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0 43%, rgba(0, 0, 0, .92) 56%, transparent 76%);
  mask-image: radial-gradient(ellipse at center, #000 0 43%, rgba(0, 0, 0, .92) 56%, transparent 76%);
}

.panel-past {
  background:
    linear-gradient(90deg, rgba(2, 12, 23, .99) 0 40%, rgba(2, 12, 23, .9) 64%, rgba(2, 12, 23, .7)),
    url("../assets/images/celestial-palace-clouds-v3.webp") center / cover no-repeat;
}

.past-moon {
  right: 12%;
  top: 23%;
  width: min(29vw, 410px);
  opacity: .78;
  background:
    radial-gradient(circle at 64% 30%, rgba(135, 101, 53, .2) 0 4%, transparent 5%),
    radial-gradient(circle at 30% 62%, rgba(135, 101, 53, .22) 0 7%, transparent 8%),
    radial-gradient(circle at 70% 72%, rgba(135, 101, 53, .16) 0 10%, transparent 11%),
    radial-gradient(circle at 36% 32%, #fff5d3, #d9c08a 56%, #a78345 76%, rgba(8, 31, 53, .2) 77%);
  box-shadow: 0 0 80px rgba(239, 204, 133, .18), 0 0 0 42px rgba(217, 166, 77, .035), 0 0 0 43px rgba(217, 166, 77, .16);
}

.past-clouds {
  right: -8%;
  bottom: -4%;
  width: 72%;
  height: 36%;
  opacity: .42;
  background:
    radial-gradient(ellipse at 72% 76%, rgba(196, 177, 138, .24), transparent 42%),
    radial-gradient(ellipse at 25% 88%, rgba(126, 145, 156, .2), transparent 46%);
  filter: blur(9px);
}

.past-figure {
  display: block;
  right: 23%;
  bottom: 1%;
  width: 120px;
  height: 34%;
  opacity: .86;
}

.past-figure::before { left: 46px; width: 28px; height: 28px; }
.past-figure::after { inset: 21px 0 0; clip-path: polygon(42% 0, 58% 0, 74% 100%, 26% 100%); }

@media (max-width: 720px) {
  .panel-past {
    background:
      linear-gradient(180deg, rgba(2, 12, 23, .4), rgba(2, 12, 23, .86) 48%, rgba(2, 12, 23, .99) 75%),
      url("../assets/images/celestial-palace-clouds-mobile-v3.webp") center / cover no-repeat;
  }
  .past-moon { right: 9%; top: 14%; width: 58vw; }
  .past-clouds { width: 110%; height: 32%; bottom: 28%; }
  .past-figure { display: none; }
}
