.star_sparkle { opacity: 0.4; animation: sparkle1 2s infinite ease-in-out; }  .star_sparkle:nth-of-type(3n + 1) { animation: sparkle1 3.5s infinite ease-in-out; }  .star_sparkle:nth-of-type(3n + 2) { animation: sparkle2 5s infinite ease-in-out; }  .star_sparkle:nth-of-type(3n) { animation: sparkle3 3s infinite ease-in-out; }  @keyframes sparkle1 { 0%, 100% { opacity: 0.4; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } } @keyframes sparkle2 { 0%, 100% { opacity: 0.5; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-5px); } } @keyframes sparkle3 { 0%, 100% { opacity: 0.6; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-10px); } } %root%:before{ content:''; background: linear-gradient(180deg, rgba(244, 246, 252, 0.10) 71.27%, #F4F6FC 100%); height:100%; width:100%; position:absolute; z-index:10; pointer-events: none; }