    
✦✧✦✧

/* ==================================
   CUSTOM BACKGROUND IMAGE
   ================================== */

.lava-custom-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;

  /* REPLACE WITH YOUR IMAGE URL */
  background-image: Astral_Ppl_Ppl.png;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* IMAGE VISIBILITY */
  opacity: 0.45;

  /* BLEND IMAGE INTO GRADIENT */
  mix-blend-mode: screen;

  z-index: 1;

  pointer-events: none;
}

/* ANIMATION SITS ABOVE THE IMAGE */

.lava-liquid {
  z-index: 2;

  /* ALLOWS IMAGE TO SHOW THROUGH */
  opacity: 0.65;

  mix-blend-mode: screen;
}

/* OPTIONAL: DARKER CINEMATIC FINISH */

.lava-bg::after {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    180deg,
    rgba(10, 6, 30, 0.15) 0%,
    rgba(10, 6, 30, 0.05) 50%,
    rgba(10, 6, 30, 0.35) 100%
  );

  z-index: 3;
  pointer-events: none;
}

  
  

COMING

  
  ✦
  ✧
  ✦
  ✧
  ✦
  ✧
  ✦
  ✧

  ◇
  ◇
  ◇

Soon

    
✧✦✧✦