How to make color/style images visible in the image carousel of the product page?

Store Design
1

(Note: the store URL is at the very bottom)

Hey, I need some help. I don’t want images that are attached to a particular color/style to disappear from the image carousel. See the visual example below:

Here’s what I have (see carousel):

Chicha7272_0-1699727288683.png
Chicha7272_0-1699727288683.png1920×1080 244 KB

Here’s what I want:

Chicha7272_1-1699727328109.png
Chicha7272_1-1699727328109.png1920×1080 230 KB

All those images that appeared in the carousel on the second screenshot are those that must show product colors. But if I attach each of them to their colors, they all disappear from the carousel.

I want to change it for all of my products that have different colors/styles/etc. So how can I do it?

My store URL is: https://trivlen.com/

2

Hey, thanks for taking the time to answer my question. But I essentially asked how to do it from the action perspective (where to go, what code to change, how to change it, etc.) I basically want people to guide me step-by-step on how to solve this issue since usually, most people who ask questions here want exactly that. So your answer doesn’t really add any clarity. But thanks for taking the time anyway