.custom-panel {
  transform:
    perspective(800px)
    rotateY(var(--panel-ry, 25deg))
    rotateX(var(--panel-rx, 10deg))
    scale(var(--panel-scale, 0.6));
  filter: blur(var(--panel-blur, 2px));
  opacity: 0.5;
  border-radius: 2rem;
  width: 210px;
  height: 260px;
  background: linear-gradient(325deg, #3657fa, #fa325a);
}

.custom-panel-2 {
  transform:
    perspective(800px)
    rotateY(var(--panel-ry, 25deg))
    rotateX(10deg)
    scale(var(--panel-scale, 0.6));
  filter: blur(var(--panel-blur, 2px));
  opacity: 0.5;
  border-radius: 2rem;
  width: 240px;
  height: 200px;
}