/* Galerie */
.gallery {
    display: grid;
    grid-template-columns: 1fr;
grid-template-areas: 
        "photo1"
	"photo2"
	"photo3"
	"photo4"
	"photo5"
	"photo6"
	"photo7";
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
}

/* Images avec leurs ratios */
.photo:nth-child(1) {
    grid-area: photo1;
    aspect-ratio: 4/5;
}

.photo:nth-child(2) {
    grid-area: photo2;
    aspect-ratio: 4/5;
}

.photo:nth-child(3) {
    grid-area: photo3;
    aspect-ratio: 16/9;
}

.photo:nth-child(4) {
    grid-area: photo4;
    aspect-ratio: 4/5;
}

.photo:nth-child(5) {
    grid-area: photo5;
    aspect-ratio: 4/5;
}

.photo:nth-child(6) {
    grid-area: photo6;
    aspect-ratio: 4/5;
}

.photo:nth-child(7) {
    grid-area: photo7;
    aspect-ratio: 16/8;
}

.photo {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}