* { box-sizing: border-box; }

/* Contenitore Masonry */
.grid {
    /*max-width: 1000px;*/
    margin: 0 auto;
}

/* Elemento "sizer" invisibile: definisce la larghezza di colonna,
   usato da Masonry con columnWidth: '.grid-sizer' */
.grid-sizer,
.grid-item {
    width: 31%;
}

/* Margine tra le colonne */
.gutter-sizer {
    width: 3.5%;
}

.grid-item {
    margin-bottom: 20px;
    overflow: hidden;
    background: white;
    transition: transform 0.2s ease;
}

.grid-item:hover {
    /*transform: translateY(-4px);*/
}

.grid-item img {
    display: block;
    width: 100%;
    height: 400px!important;
    object-fit: cover;
}

.grid-item .caption {
    padding: 10px 14px;
    font-size: 14px;
    color: #444;
}

/* Responsive: 2 colonne su schermi piccoli */
@media (max-width: 600px) {
    .grid-sizer,
    .grid-item {
        width: 50%;
    }
    .gutter-sizer {
        width: 6%;
    }
}

/* Responsive: 2 colonne su schermi piccoli */
@media (max-width: 450px) {
    .grid-sizer,
    .grid-item {
        width: 100%;
    }
    .gutter-sizer {
        width: 6%;
    }
}