@keyframes fade-up { 0% { opacity: 0; transform: translateY(60px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes zoominContent { to { opacity: 1; transform: scale(1); } } @media (max-width: 390px) { .modal-content { width: 360px; height: 215px; left: 0%; transform: translate(5%, -100%); } }