@media (max-width: 768px) { .finishes-title { font-size: 30px; } } .finishes-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 40px; } .finish-item { width: 110px; opacity: 0; transform: translateX(-200px) scale(0.5); } .finish-item.animate { animation-name: rollIn; animation-fill-mode: forwards; } .finish-circle { width: 80px; height: 80px; border-radius: 50%; margin: 0 auto 8px; } .finish-label { font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; text-align: center; } @keyframes rollIn { from { transform: translateX(-200px) scale(0.5); opacity: 0; } to { transform: translateX(0) scale(1); opacity: 1; } }