@media screen and (max-width: 767px) {
  [data-workshop-gallery] .product__media-list {
    align-items: flex-start;
    height: var(--workshop-slide-height, auto);
  }
  [data-workshop-gallery] .product__media-item {
    align-self: flex-start;
    height: auto;
  }
  [data-workshop-gallery] .product__modal-opener--image .product__media img {
    object-fit: contain;
  }
}