.product-media-gallery-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-block-start: 20px;
}
.product-media-gallery-grid.has-single-media {
    grid-template-columns: 1fr;
}
.product-wrapper.layout-grid .product-media-gallery-grid {
    margin: 0;
    .deferred-media {
        height: 100%;
        display: block;
        .deferred-media-wrapper {
            height: 100%;
        }
    }
}
.product-media-gallery-grid-item {
    border-radius: var(--blockRadius);
    overflow: hidden;
}

 @media (max-width:767px) {
        .layout-carousel-with-grid .product-media-gallery-grid {
            display:none;
        }
    }