@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .fade-in { animation: fadeIn 0.3s ease-in-out; } .new-entry { animation: highlight 2s ease-out; } @keyframes highlight { 0% { background-color: #4f46e5; color: white; } 100% { background-color: transparent; } } .btn-lang { padding: 0.25rem 0.5rem; background-color: #4f46e5; color: white; border-radius: 0.25rem; } .btn-lang:hover { background-color: #4338ca; } .image-container { position: relative; overflow: hidden; } .image-container img { will-change: transform; backface-visibility: hidden; } @media (max-width: 640px) { .image-container { min-height: 200px; } .image-container img { max-height: 300px; } }