Gallery not working – Eola Theme Variable product

Having issues with my product gallery. The products are all variables

As noted in the link the images do not load like a typical gallery and just list them.

I’ve added the following to my functions.php

add_action( 'after_setup_theme', 'yourtheme_setup' );
 
function yourtheme_setup() {
    add_theme_support( 'woocommerce' );
    add_theme_support( 'wc-product-gallery-zoom' );
    add_theme_support( 'wc-product-gallery-lightbox' );
    add_theme_support( 'wc-product-gallery-slider' );
}

plus this in the css:

figure.woocommerce-product-gallery__wrapper {
  margin: 0;
}

The issue is not resolved and I’m not sure how to solve this.

Can anyone help with this? my woocommerce theme is up to date as well.

The theme is Eola (not my choice i inherited from another person)

The page I need help with: [log in to see the link]