#section-photo{
    position: relative;
    background: url("../media/liège.jpg") no-repeat center center;
    background-size:cover;
    background-attachment: fixed;
    /* padding-top: 5vw; */
    padding-bottom: 5vw;
    overflow: hidden;
    
}

.guirlandes{
    background: url("../media/Guirlandes.png") repeat center center;
    background-size: cover;
    position: absolute;
    /* transform: translateY(-1500); */
    width: 100%;
    height: 100%;
    filter: blur(0.25vw);
    z-index: 100;
    opacity: 1;
    /* animation: scrollBackground 10s linear infinite; */
}

/* Définir l'animation */
@keyframes scrollBackground {
    from {
        background-position-y: 0;
    }

    to {
        background-position-y: 100%;
    }
}

.Photo:first-child{
    margin-top: 15vw;
}

.Photo:nth-last-of-type(odd){
    width: fit-content;
    margin-left: 10%;
}

.Photo:nth-last-of-type(even) {
    width: fit-content;
    margin-left: 55%;
}

.Photo img{
    width: 35vw;
    border: solid 2vw white;
    border-bottom: solid 8vw white;
}

.Photo p{
    position: relative;
    color: black;
    bottom: 5vw;
    text-align: center;
}

@media only screen and (max-width: 800px){
    .list-photo{
        display: flex;
        flex-direction: column;
        justify-content: center ;
        align-items: center;
    }

    .guirlandes{
        display: none;
    }

    .Photo{
        margin-top: 5vw;
    }

    .Photo:nth-last-of-type(odd){
        width: fit-content;
        margin-left: 0%;
    }
    
    .Photo:nth-last-of-type(even) {
        width: fit-content;
        margin-left: 0%;
    }

    .Photo img{
        width: 50vw;
        border: solid 2vw white;
        border-bottom: solid 8vw white;
    }
}

@media only screen and (max-width: 500px){
    .list-photo{
        display: flex;
        flex-direction: column;
        justify-content: center ;
    }

    .guirlandes{
        display: none;
    }

    .Photo{
        margin-top: 5vw;
    }

    .Photo:nth-last-of-type(odd){
        width: fit-content;
        margin-left: 0%;
    }
    
    .Photo:nth-last-of-type(even) {
        width: fit-content;
        margin-left: 0%;
    }

    .Photo img{
        width: 60vw;
        border: solid 2vw white;
        border-bottom: solid 15vw white;
    }

    .Photo p{
        position: relative;
        color: black;
        font-size: 3.5vw;
        bottom: 10vw;
        text-align: center;
    }
}