.main-holder .site-content ul.products:not(.list) li.product .tm-product-image-box,
.woocommerce-page ul.products:not(.list) li.product .tm-product-image-box {
position: relative;
display: flex;
align-items: center;
justify-content: center; aspect-ratio: 1 / 1;
overflow: hidden;
}
.main-holder .site-content ul.products:not(.list) li.product .tm-product-image-box > a,
.woocommerce-page ul.products:not(.list) li.product .tm-product-image-box > a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.main-holder .site-content ul.products:not(.list) li.product .tm-product-image-box > a > img:not(.secondary-image),
.woocommerce-page ul.products:not(.list) li.product .tm-product-image-box > a > img:not(.secondary-image) {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
object-fit: contain;
object-position: center;
}
.main-holder .site-content ul.products:not(.list) li.product .tm-product-image-box .secondary-image,
.woocommerce-page ul.products:not(.list) li.product .tm-product-image-box .secondary-image {
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
margin: auto !important;
object-fit: contain;
object-position: center;
}
@media (hover: hover) and (pointer: fine) {
.main-holder .site-content ul.products:not(.list) li.product:hover .tm-product-image-box img:not(.secondary-image),
.woocommerce-page ul.products:not(.list) li.product:hover .tm-product-image-box img:not(.secondary-image) {
opacity: 0;
visibility: hidden;
}
}