.bgp-gallery {
    column-count: 3;
    column-gap: 15px;
}

.bgp-gallery a {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.bgp-photo {
    width: 100%;
    border-radius: 6px;
    display: block;

    /* Плавная загрузка */
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .4s ease, transform .4s ease;
}

.bgp-photo.bgp-loaded {
    opacity: 1;
    transform: translateY(0);
}

@media(max-width:800px){
    .bgp-gallery{ column-count:2; }
}
@media(max-width:500px){
    .bgp-gallery{ column-count:1; }
}