.sparkles-container{position:relative;display:inline-block}.sparkle{position:absolute;width:10px;height:10px;background-color:#ffeb3b;border-radius:50%;animation:sparkle-animation 1s ease-out forwards;opacity:0}.sparkle:first-child{top:-20%;left:10%;animation-delay:.1s}.sparkle:nth-child(2){top:20%;left:90%;animation-delay:.3s}.sparkle:nth-child(3){top:80%;left:0;animation-delay:.5s}.sparkle:nth-child(4){top:100%;left:70%;animation-delay:.7s}@keyframes sparkle-animation{0%{transform:scale(0);opacity:.5}50%{transform:scale(1.5);opacity:1}to{transform:scale(0);opacity:0}}