main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.gallery-item {
    break-inside: avoid;
    margin-bottom: 15px;
}
.gallery-item a img {

    margin: 5px;
    border: 3px solid #000000;
    max-width: 256px;
}

.gallery-item a img:hover {
    margin: 5px;
    border: 3px solid #ccc;
    max-width: 256px;
}

#gallery_text {
    padding: 15px;
}

#gallery_main {
    padding: 15px;
    column-count: 3;
    column-gap: 15px;
}

@media (max-width: 900px) {
    #gallery_main {
        column-count: 2;
    }
}

@media (max-width: 500px) {
    #gallery_main {
        column-count: 1;
    }
}