*{
  background-color:black;
}
/* ——— Floating bones falling from top to bottom ——— */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;

  --bone: url("https://i.imgur.com/dGtkIX9.png");

  background-image:
    var(--bone), var(--bone), var(--bone), var(--bone), var(--bone),
    var(--bone), var(--bone), var(--bone), var(--bone), var(--bone);
  
  background-repeat: no-repeat;
  background-size:
    32px, 28px, 36px, 30px, 34px,
    28px, 32px, 30px, 36px, 34px;
  
  background-position:
    5% -10vh, 15% -20vh, 25% -30vh, 35% -15vh, 45% -25vh,
    55% -10vh, 65% -20vh, 75% -30vh, 85% -15vh, 95% -25vh;

  animation: boneFall 10s linear infinite;
}

@keyframes boneFall {
  0% {
    background-position:
      5% -10vh, 15% -20vh, 25% -30vh, 35% -15vh, 45% -25vh,
      55% -10vh, 65% -20vh, 75% -30vh, 85% -15vh, 95% -25vh;
    opacity: 1;
  }

  100% {
    background-position:
      5% 110vh, 15% 120vh, 25% 130vh, 35% 115vh, 45% 125vh,
      55% 110vh, 65% 120vh, 75% 130vh, 85% 115vh, 95% 125vh;
    opacity: 1;
  }
}