Problema con el style de una clase

Buenas tardes, necesito ayuda porque se cual es el error, pero no doy con al tecla del archivo que tengo que modificar para conseguirlo.

El problema está en la pestaña del producto, en el cual sale una imagen principal, pero cuando le doy a otra imagen que he agregado del producto, se desplaza como si fuese a salir pero no lo hace.

Tras revisar el código me encuentro con esto:
Esta es la clase y el style que tiene cuando se encuenta la imagen principal
<figure class=»woocommerce-product-gallery__wrapper» style=»width: 400%; transition-duration: 0s; transform: translate3d(0px, 0px, 0px);»>

Y esta es la clase cuando selecciono la otra imagen del producto:
<figure class=»woocommerce-product-gallery__wrapper» style=»width: 400%; transition-duration: 0.5s; transform: translate3d(-561px, 0px, 0px);»>

Lo que está ocurriendo es que si se revisa las imágenes, se revisa que está una debajo de la otra, y en esta transición se está haciando en el eje de la X y por tanto se desplaza a la izquieda, el transform correcto sería: transform: translate3d(0px, -561px, 0px);», en el eje de la Y.

Esto se ve en el código con F12 ejecutando la página, pero no consigo encontrar ni la función ni donde poder tocar esto para cambiarlo y que salga correcto.

Por favor necesito ayuda.

Un saludo.

La página con la que necesito ayuda: [accede para ver el enlace]