@mixin gallery {
    display: grid;
    overflow: unset !important;

    grid-template-columns: repeat(2, 1fr);
    grid-gap: px2rem(30px);

    @include mq("small") {
        grid-template-columns: 1fr;
    }

    &__item {
        overflow: unset !important;
    }
}

.gallery {
    @include gallery;
}

.gallery_image {
    // @include reset_bleed;
    @include ratio_1x1;
    // @include image_cover;
    // border: q(1) solid black;

    // border: q(1);
    // border-color: black;
}

.gallery_border {
    border: q(1) solid black;
}

.gallery_image img {
    // @include reset_bleed;
    @include ratio_1x1;
    @include image_cover;
}

// .gallery_image img {
//     position: relative;
//     width: q(100);
//     height: q(100);
// }

// .project_image img {
//     @include image--cover;
// }

// .gallery_image {
//     @include ratio_1x1;
// }

// .gallery_border {
//     border: q(1) solid black;
// }

// .gallery_image img {
//     @include ratio_1x1;
//     @include image--cover;
// }