hoculus-page-content-images {
    --gap: 10px;
}

hoculus-page-content-images .image-grid {
    display: grid;
    grid-template-columns: repeat(var(--cols, 4), 1fr);
    gap: var(--gap);
}

hoculus-page-content-images .image-grid img {
    margin-bottom: var(--gap);
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    hoculus-page-content-images .image-grid {
        --cols: 2;
    }
}