section#gallery{
    position: relative;
}

section#gallery ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid: auto / 1fr 1fr;
    grid-auto-rows: auto;
    gap: 20px;
}

section#gallery ul li{
    aspect-ratio: 16 / 9;
}

section#gallery ul li a{
    width: 100%;
    height: 100%;
}

section#gallery ul li img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

body.single-cases section#gallery ul {
    gap: 80px;
}

body.single-diensten section#gallery ul{
    gap: 80px;
}

@media screen and (max-width:  1000px) {

    body.single-cases section#gallery ul {
            grid: auto / 1fr;
    }

    section#gallery ul li img {
        aspect-ratio: 16 / 9; 
    }

}