.gallery-image {
    /*width: 100%;
    height: auto;
    object-fit: cover;*/
    width: 100%;
    height: auto;
    display: block;
}
.modal .gallery-image {
    max-height: 150vh; /* This is for the modal images */
}
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transform: translateY(-50px);
    opacity: 0;
}

.modal.show .modal-dialog {
    transform: translateY(0);
    opacity: 1;
}

.modal-dialog {
    max-width: 90%; /* Increase the maximum width of the modal window */
    width: auto; /* Set the width to auto */
}

.modal-content {
    height: 55vh; /* Increase the maximum height of the modal window */
}

.masonry {
    column-count: 3; /* Numero di colonne */
    column-gap: 15px; /* Spazio tra le colonne */
}
@media (max-width: 768px) {
    .masonry {
        column-count: 2; /* Numero di colonne */
        column-gap: 15px; /* Spazio tra le colonne */
    }
}

@media (max-width: 480px) {
    .masonry {
        column-count: 1; /* Numero di colonne */
        column-gap: 0px; /* Spazio tra le colonne */
    }
}

.masonry img {
    width: 100%;
    margin-bottom: 15px; /* Spazio tra le immagini */
    display: block;
}
.masonry img {
    width: 100%;
    margin-bottom: 15px;
    display: block;
    border-radius: 15px; /* Bordo arrotondato */
    transition: transform 0.3s ease; /* Animazione zoom al passaggio */
    cursor: pointer;
}
.masonry img:hover {
    transform: scale(1.50); /* Effetto zoom al passaggio del mouse */
}