.product-image-main {
  position: relative;
  width: 100%; /* Фиксируем размер контейнера */
  margin-bottom: 0.5rem;
}

#main-product-image {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  height: auto;
  object-fit: contain; /* Сохраняет пропорции */
}

#main-product-image.fade-out {
  opacity: 0;
}
.product-image-pager {
  .page-item {
    margin: 0 0.3rem;
  }
}