.ink-spray {
    position: fixed;
    width: 450px;
    height: 450px;
    /* scale: 130%; */
    opacity: 98%;
    z-index: 9999; 
    pointer-events: none; 
    animation: splash-effect 3s ease-out forwards; 
    fill:red;
  }
  
  @keyframes splash-effect {
    0% { transform: rotate(0deg) scale(0%) }
    10% { transform: rotate(380deg) scale(130%) }
    12% { transform: rotate(80deg) scale(120%) }
    100% { transform: rotate(60deg) scale(120%) }
  }
  
  .ink-spray.transparent {
    opacity: 40%;
  }