menu

user/themes/figureslibres/scss/theme/_animation.scss

@@ -2,6 +2,7 @@ $animate: all 0.2s ease-in-out;
 
 #text_figli{
   z-index: 999;
+  opacity: 1;
   p{
     & > a{
       z-index: 999;
@@ -70,6 +71,10 @@ $animate: all 0.2s ease-in-out;
       }
     }
   }
+  &.hidden{
+    opacity: 0;
+    transition: 0.3s opacity ease;
+  }
 }
 
 .circle_hover{
@@ -87,7 +92,7 @@ $animate: all 0.2s ease-in-out;
   &.publique{
       background:
       url("/user/themes/figureslibres/images/forme2.svg") center no-repeat;
-      background-size: cover;
+      background-size: contain;
   }
   &.sociale{
     background: $color_sociale;
@@ -96,11 +101,11 @@ $animate: all 0.2s ease-in-out;
   &.culturelle{
     background:
     url("/user/themes/figureslibres/images/forme3.svg") center no-repeat;
-    background-size: cover;
+    background-size: contain;
   }
   &.commanditaires{
     background:
     url("/user/themes/figureslibres/images/forme4.svg") center no-repeat;
-    background-size: cover;
+    background-size: contain;
   }
 }