.container .inner {
  max-width: 600px;
}

.product-img {
  padding-bottom: 147%;
  margin: 40px 0;
}

.viewport img {
  max-width: 100%;
  margin: 40px 0;
}

.product-prev, .product-next, .close {
  display: none;
}

.back {
  display: block;
  text-align: center;
}

@media screen and (max-width: 760px) {
  .product-img, .viewport img {
    margin: 20px 0;
  }

  .product-img {
    background-size: cover;
    background-repeat: no-repeat;
  }
}