.cpg-gallery {
    display: grid;
    grid-template-columns: repeat(var(--cpg-cols), 1fr);
    gap: var(--cpg-gap);
}

.cpg-masonry {
    column-count: var(--cpg-cols);
    column-gap: var(--cpg-gap);
}

.cpg-masonry .cpg-item {
    break-inside: avoid;
    margin-bottom: var(--cpg-gap);
}

.cpg-item {
    position: relative;
    overflow: hidden;
    /*border-radius: 14px;*/
}

/* AUTO SAME HEIGHT */
.cpg-item a,
.cpg-item img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;   /* CHANGE RATIO IF NEEDED */
}


.cpg-item img {
    width: 100%;
    height: var(--cpg-height);
    object-fit: cover;
    transition: transform .4s ease;
    display: block;
}

.cpg-item:hover img {
    transform: scale(1.08);
}