.photos-fade {
    width: 790px;
    height: 550px;
    position: relative;
    margin: auto;
}

.image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    width: 50px
    background-size: cover;
    background-position: center center;

    animation: image-switch-animation 60s infinite;
    
    &:nth-child(1){
        animation-delay: 0s;
    }   

    &:nth-child(2){
        animation-delay: 10s;
    }

    &:nth-child(3){
        animation-delay: 20s;
    }

    &:nth-child(4){
        animation-delay: 30s;
    }

    &:nth-child(5){
        animation-delay: 40s;
    }

    &:nth-child(6){
        animation-delay: 50s;
    }

}


@keyframes image-switch-animation {
    0% {
      opacity: 0;
    }
    5%{
      opacity: 1;
    }
    10%{
      opacity: 1;
    }
    20%{
      opacity: 0;
    }
    100%{
      opacity: 0;
    }
}