.grid-container {
    position: relative;
    width: 80%;
    margin: 0 auto;
}
.pintgal {
    position: absolute;
    width: calc((100% - 4.5rem) / 4);
    padding: 5px;
    box-sizing: border-box;
    margin: 0;
    box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
    cursor: zoom-in;
    border-radius: 5px;
    transition: all .25s ease-in-out;
}
.pintgal:hover img {
    filter: grayscale(0);
}
.pintgal:hover {
    border-color: coral;
}
.pintgal img {
    width: 100%;
    display: block;
    /* filter: grayscale(100%); */
    border-radius: 5px;
    transition: all .25s ease-in-out;
}
.pintgal p {
    margin: 5px 0;
    padding: 0;
    text-align: center;
    font-style: italic;
}

/* =========================
   PHONE
   ========================= */
@media (max-width: 600px) {
    .grid-container {
        width: 95%;
    }
    .pintgal {
        width: calc((100% - 1rem) / 3);
    }
}