showing gallery images based on selected variants

Hi! How can we enable to show the gallery images based on selected variant. Our woo clothing store has many variations. One example is, suppose I have a tshirt in many colors – blue, red and black. Basically, what I want is that when customers choose color:blue , they should see all the gallery images for the attribute – blue, and when they select black — all the black tshirt images, & similarly for red. Currently, as soon as I visit the product page, it shows all the variations gallery images/thumbnails. Please help. Product page: https://trainfitly.com/product/seamless-high-waist-anti-sweat-leggings-yoga-pants –> I’ve added gallery images for colors -‘Lotus’ & ‘Army green’ and all the images are by default visible below the featured images by default. Please check.

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