Hello,
To ensure that the thumbnails in the gallery maintain a consistent aspect ratio when displayed below the main image, please implement the following custom code in the Theme Settings under the Custom CSS section >> Global CSS section:
@media (max-width: 1024px) {
.woocommerce-product-gallery .wd-carousel-item img {
aspect-ratio: 1;
object-fit: cover;
object-position: center;
}
}
Additionally, I recommend removing any previously added custom CSS related to gallery images from the theme settings. I have noticed that there are existing custom CSS codes on your site, and retaining them may prevent the new code from functioning correctly.
Best REgards,