.hc-prof-gallery {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat( var(--hc-prof-cols, 3), minmax(0, 1fr) );
    gap: var(--hc-prof-gap, 12px);
}

.hc-prof-gallery__item {
    margin: 0;
    padding: 0;
}

.hc-prof-gallery__img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 640px) {
    .hc-prof-gallery {
        grid-template-columns: repeat( min( var(--hc-prof-cols, 3), 2 ), minmax(0, 1fr) );
    }
}