.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image a,
.woocommerce-page div.product div.images .woocommerce-product-gallery__image a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img,
.woocommerce-page div.product div.images .woocommerce-product-gallery__image img {
    width: auto;
    max-width: 100%;
    max-height: min(72vh, 780px);
    margin-right: auto;
    margin-left: auto;
    object-fit: contain;
    object-position: center;
}