.gallery-block--wrap{
    display: flex;
    /* mobile defaults use CSS variables set inline on the wrapper */
    margin-top: var(--gb-mt-mobile, 0);
    margin-bottom: var(--gb-mb-mobile, 0);
}
.gallery-block__grid{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 1rem;
}
.gallery-block__item{
    display: flex;
    flex: 1 1 calc(25% - 1rem);
    aspect-ratio: 1 / 1;
    position: relative;
}
@media (max-width: 576px) {
    .gallery-block__item {
        flex: 1 1 calc(50% - 1rem);
    }
}
.gallery-block__item:nth-child(1){
    flex: 1 1 calc(15% - 1rem);
    height: 160px;
    margin-top: auto;
}
.gallery-block__item:nth-child(2){
    flex: 1 1 calc(40% - 1rem);
    height: 360px;
    margin-top: auto;
}
.gallery-block__item:nth-child(3){
    flex: 1 1 calc(25% - 1rem);
    height: 220px;
    margin-top: auto;
}
.gallery-block__item:nth-child(4){
    flex: 1 1 calc(15% - 1rem);
    height: 160px;
    margin-top: auto;
}
.gallery-block__item img, .gallery-block__item video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-block__item:nth-child(5){
    flex: 1 1 calc(17% - 1rem);
    height: 160px;
}
.gallery-block__item:nth-child(6){
    flex: 1 1 calc(25% - 1rem);
    height: 220px;
}
.gallery-block__item:nth-child(7){
    flex: 1 1 calc(40% - 1rem);
    height: 360px;
}
.gallery-block__item:nth-child(8){
    flex: 1 1 calc(15% - 1rem);
    height: 160px;
}
@media (min-width: 768px) {
    .gallery-block--wrap {
        /* desktop defaults use CSS variables set inline on the wrapper */
        margin-top: var(--gb-mt-desktop, 0);
        margin-bottom: var(--gb-mb-desktop, 0);
    }
}