.product-image-grid {
  background-color: #f3f7fc;
  background-image:
    linear-gradient(rgba(116, 150, 194, .16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 150, 194, .16) 1px, transparent 1px);
  background-position: center;
  background-size: 22px 22px;
}

.product-image-grid > img,
.product-image-grid > picture,
img.product-image-grid {
  object-fit: contain;
  object-position: center;
}

.product-image-grid > picture {
  display: block;
  width: 100%;
  height: 100%;
}

.product-image-grid > picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}