/* Reliable product-image crops. Use real image elements so browser errors can fall back. */
.product-image.grid-crop img,
.admin-product-image.grid-crop img {
  position: absolute;
  max-width: none;
  object-fit: cover;
  transform: none !important;
}

.product-image.grid-crop.grid-2x2-1 img,
.product-image.grid-crop.grid-2x2-2 img,
.product-image.grid-crop.grid-2x2-3 img,
.product-image.grid-crop.grid-2x2-4 img,
.admin-product-image.grid-crop.grid-2x2-1 img,
.admin-product-image.grid-crop.grid-2x2-2 img,
.admin-product-image.grid-crop.grid-2x2-3 img,
.admin-product-image.grid-crop.grid-2x2-4 img {
  width: 200%;
  height: 200%;
}

.grid-crop.grid-2x2-1 img { left: 0; top: 0; }
.grid-crop.grid-2x2-2 img { left: -100%; top: 0; }
.grid-crop.grid-2x2-3 img { left: 0; top: -100%; }
.grid-crop.grid-2x2-4 img { left: -100%; top: -100%; }

.product-image.grid-crop.grid-3x2-1 img,
.product-image.grid-crop.grid-3x2-2 img,
.product-image.grid-crop.grid-3x2-3 img,
.product-image.grid-crop.grid-3x2-4 img,
.product-image.grid-crop.grid-3x2-5 img,
.product-image.grid-crop.grid-3x2-6 img,
.admin-product-image.grid-crop.grid-3x2-1 img,
.admin-product-image.grid-crop.grid-3x2-2 img,
.admin-product-image.grid-crop.grid-3x2-3 img,
.admin-product-image.grid-crop.grid-3x2-4 img,
.admin-product-image.grid-crop.grid-3x2-5 img,
.admin-product-image.grid-crop.grid-3x2-6 img {
  width: 300%;
  height: 200%;
}

.grid-crop.grid-3x2-1 img { left: 0; top: 0; }
.grid-crop.grid-3x2-2 img { left: -100%; top: 0; }
.grid-crop.grid-3x2-3 img { left: -200%; top: 0; }
.grid-crop.grid-3x2-4 img { left: 0; top: -100%; }
.grid-crop.grid-3x2-5 img { left: -100%; top: -100%; }
.grid-crop.grid-3x2-6 img { left: -200%; top: -100%; }

#photoPreview.grid-crop-preview {
  position: relative;
  overflow: hidden;
}

#photoPreview.grid-crop-preview img {
  position: absolute;
  max-width: none;
  object-fit: cover;
}