/* Shared by builder thumbnails, /preview and recipient uploads. No filters,
   duplicate image, animation, crop or corner clipping of foreground pixels. */
.ys-photo-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  margin: 0;
  background: var(--ys-photo-fill, #FFEBD6);
}
.ys-photo-frame > img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  image-orientation: from-image;
  /* Keep the scaled photo raster separate from its changing theme background;
     no animation or duplicated source image. */
  transform: translateZ(0);
}