Hide Product Variant Images in Product Gallery but Keep When Product is Selected

Does anyone have the solution to hide the product variant images in the product gallery and only have them display when a product variant is selected? 

Please share your website link so we can have a look and help you out with it.

Hi here you go please put this CSS on Shop >Advance> Page Header Code Injection.

<style>
  
div.ProductItem-gallery-scroll > div > button:nth-child(n+14){
 display:none !important;
}

</style>

In code above where it says (n+14) , 14 means that start hiding images from 14th one. If you want to adjust you can simply change it like 10, 15 etc.

It's tested and worked fine , Please do mark it solved if it works for you.