#peace-svg:hover {
/*    transform: rotate(360deg); */   /* Rotates the element 360 degrees around its center point. */
/*    transform: scale(0.8); */       /* Scales the element */
/*    transform translate(0,20px); */ /* Moves the element 20 pixels downwards*/
      transform: rotate(360deg) scale(0.7) translate(0,20px); 
      transition: transform 0.5s ease; /* Applies a smooth transition to the transform property over 0.5 seconds */
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* Aggiunge un'ombreggiatura sull'hover */
}
#peace-g:hover {
    transform: rotate(360deg) scale(0.7) translate(0,20px);
    transition: transform 0.5s ease;
    opacity: 1.0;
    fill: #ff0000;
    filter: grayscale(100%); /* Applica un filtro in scala di grigi al 100% sull'hover */
}
#peace-div svg {
    filter: none;
    box-shadow: none; /* Assicurati che non ci sia ombreggiatura di default */
}