@charset "utf-8";

.galeria{
     width: 400px;
     height: 400px;
     position: relative;
     overflow: hidden;
    margin-top: 100px;
    margin: 0 auto;
}
        
.foto{
     margin-left: 20px;
     margin-top: 50px;
     width: 300px;
     height: 300px;
     object-fit: cover;
     object-position: center;
     position: absolute;
     opacity: 0;
     animation-name: animacao;
     animation-duration: 30s;
     animation-iteration-count: infinite;
}
        
 @keyframes animacao{
     25%{
        opacity: 1;
        transform: scale(1.1,1.1);
        }
            
     50%{
        opacity: 0;
        }
}
        
.foto:nth-child(1){
            
 }
        
.foto:nth-child(2){
     animation-delay: 5s;
}
        
.foto:nth-child(3){
     animation-delay: 10s;
}
        
.foto:nth-child(4){
      animation-delay: 15s;
}

.foto:nth-child(5){
      animation-delay: 20s;
}

.foto:nth-child(6){
      animation-delay: 25s;
}