How Do I Enable Auto Aspect Ratio?

I am using Jaunt Template.

In the "Products: Gallery" under the "Styles and Design" settings there is an option to change the displayed aspect ratio of the product images. However the only options available are constrained static aspect ratios. I need an option to have "auto aspect ratio" in order to upload either horizontal or vertical images.

Is there a way I can enable auto aspect ratio for product images?

I've been going over and over this myself and there is another thread about it, but in short, there isn't a way to do it.

Except, I've just discovered, that if you choose Design: Stacked rather than Slideshow, they do auto-size, but it makes it a lot less neat.

I'm going to try it and see what my client thinks.

.summary-thumbnail-image.loaded {
    object-fit: contain !important;
    object-position: top;
    width: 100% !important;
    height: 100% !important;
    position: static !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.sqs-block-summary-v2 .img-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 0px !important;

works nicely for a summary block product gallery if that's what you're after? Also for related products, thumbnails.

unfortunately I am unable to find a clean way for it work on a product directory page. Landed here whilst looking for one, been causing a bit of a ripple effect of issues.