/* default: .image has no ratio — override base absolute fill */
.product-thumb .image .cg {
  position: relative;
}

.product-thumb .image .cg__track {
  position: relative;
  height: auto;
}

.product-thumb .image .cg__img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}

@media (hover: hover) and (pointer: fine) {
  .product-thumb .image .cg__slide.is-active {
    position: relative;
    height: auto;
  }
}

@media (hover: none), (pointer: coarse) {
  .product-thumb .image .cg__slide {
    position: relative;
    height: auto;
  }
}