/* Complete, proportional and responsive product-image display */
.motorPhoto {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  margin: 10px 0 8px;
  padding: clamp(12px, 1.5vw, 22px);
  overflow: visible;
  background: linear-gradient(145deg, #fff, #f4f7f8);
}

.motorPhoto img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: multiply;
  transform: none;
  transition: none;
}

.motorCard:hover .motorPhoto img {
  transform: none;
}

@media (max-width: 640px) {
  .motorPhoto {
    min-height: 250px;
    padding: 18px;
  }
}