/* Animație pentru logo-ul din navbar */
 .navbar-brand img {
     animation: logoSwing 4s ease-in-out infinite;
     transform-origin: center center;
     /* punctul din care se rotește */
 }

 @keyframes logoSwing {

     0%,
     100% {
         transform: rotate(0deg);
     }

     25% {
         transform: rotate(15deg);
     }

     75% {
         transform: rotate(-15deg);
     }
 }

 /* Oprim animația când pagina este vizualizată pe dispozitive care preferă mișcare redusă */
 @media (prefers-reduced-motion: reduce) {
     .navbar-brand img {
         animation: none;
     }
 }

 /* Optional: Putem adăuga și un efect de hover care să oprească temporar animația */
 .navbar-brand:hover img {
     animation-play-state: paused;
 }