/**
 * ---------------------------------
 *               ULTRA              
 * ---------------------------------
 * Autor: Alexander Aceves <aaceves@ultrasolutions.com.mx>
 * Fecha:
 * Descripción:
 * 
 */

.images_gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    width: 100%;
    grid-gap: 0.5rem;
}

.images_gallery .image {
    position: relative;
    padding-bottom: 100%;
}

.images_gallery .image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    position: absolute;
    top: 0;
}

/* .images_gallery .image img:nth-of-type(1) {
    filter: grayscale(1) brightness(40%);
}

.images_gallery .image img:nth-of-type(2) {
    -webkit-clip-path: var(--clip-start);
    clip-path: var(--clip-start);
    transition: -webkit-clip-path 0.5s;
    transition: clip-path 0.5s;
    transition: clip-path 0.5s, -webkit-clip-path 0.5s;
} */
/* 
.images_gallery .image:hover img:nth-of-type(2) {
    -webkit-clip-path: var(--clip-end);
    clip-path: var(--clip-end);
} */