.loader-container{
position:fixed;
top: 0;
left: 0;
z-index:999;
width: 100%;
height: 100%;
background-color:#fff;
}
.loader {
 position: absolute; /* postulat de départ */
 top: 50%; left: 50%; /* à 50%/50% du parent référent */
 transform: translate(-50%, -50%);
 
}

.loader-container.hidden{
   animation: fadeOut 9s;
   animation-fill-mode: forwards;
}
@keyframes fadeOut {
  
  100% { 
   visibility: hidden; 
}

}