/* Animation for counter cards */ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .grid > div { animation: fadeIn 0.5s ease-out forwards; opacity: 0; } /* Delay the animation for each card */ .grid > div:nth-child(1) { animation-delay: 0.1s; } .grid > div:nth-child(2) { animation-delay: 0.2s; } .grid > div:nth-child(3) { animation-delay: 0.3s; } .grid > div:nth-child(4) { animation-delay: 0.4s; }