.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: 50px auto;
}
.d2{
width: 100%;
height: 0px;
padding-top: 75%;
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("https://www.pierre-giraud.com/wp-content/uploads/2019/07/diapo1.png");}
33.33%{background-image: url("https://www.pierre-giraud.com/wp-content/uploads/2019/07/diapo2.png");}
66.67%{background-image: url("https://www.pierre-giraud.com/wp-content/uploads/2019/07/diapo3.png");}
100%{background-image: url("https://www.pierre-giraud.com/wp-content/uploads/2019/07/diapo1.png");}
}
