d1{
    
width: 576px;

height: 432px;

margin: 50px auto;

box-shadow: 0px 15px 10px -5px #777;

background-color: #EDEDED;
background-size: contain;
    
animation: fondu 15s ease-in-out infinite both;

}


.conteneur{
max-width: 576px;
 
margin: 50x auto;
}


.d2{
 

//width: 100%;

height: 45%//0px;

padding-top: 25%;

box-shadow: 
0px 0px 10px #777;

background-color: #EDEDED;
    
background-size: contain;
    
animation: fondu 15s ease-in-out infinite both;

}


.d1:hover, .d2:hover{
    
animation-play-state: paused;

}


@keyframes fondu{
    
0%{background-image: url("Diproma/3.jpg");}
 
   

 15.03%{background-image: url("Diproma/0.jpg");}
    

 33.33%{background-image: url("Diproma/1.jpg");}
    

66.67%{background-image: url("Diproma/2.jpg");}
   

88.33%{background-image: url("Diproma/3.jpg");}
  


93.33%{background-image: url("Diproma/4.jpg");}
  

100%{background-image: url("Diproma/5.jpg");}

}