Change the dots with thumbnail nav - Prestige Theme 1.1.1

[EcomRules]

I would like to change the dots with cover images in prestige theme 1.1.1 product page. I found a script here on the discussions for a different version of prestige than mine but it doesn't work, I ask you to help me thank you very much. My site: https://www.inmyheart.uk

Here is the script i found in a discussion but it doesn't work in my theme;

@media screen and (min-width: 1239px) {
.Product__SlideshowNavScroller {
text-align: center;
}
.Product__SlideshowNav {
display: inline-block
width: 100%;
}
.Product__SlideshowMobileNav {display: none;}
.Product__SlideshowNavImage {
width: 50px;
height: 50px;
display: inline-block;
margin: 4px !important;
}
}

from: @KetanKumar