/*.gallery {
    display: flex;
        flex-wrap: wrap;
        gap: 24px
        list-style: none;
        margin: 24px 156px;
         justify-content: center;
        width: calc((100% - 24px) / 3);
         
    
}
.container {
    margin: 0 auto;
}

.gallery img {
    width: 100%;
    height:100%;
    object-fit:cover;

}*/
.basicLightbox img {
    width: 1112px;
    height: 640px;
    margin: 28px 164px;
    
}

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 3 sütun */
    gap:24px;
    margin: 24px 156px;
    list-style-type: none;
}

.gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}