.ps-square-image {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #f6f6f6;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ps-square-image__img {
  width: 92%;
  height: 92%;
  object-fit: contain;
  display: block;
  transform: translate(0px, 0px);
  transition: transform 160ms ease;
  will-change: transform;
}

.ps-square-image.is-hovering .ps-square-image__img {
  transition: transform 120ms ease;
}