I recently asked a question on the community but haven't had any luck finding answers so I've thought of an alternative solution if anybody can help me!
Basically, right now my Prestige website has a featured collection on the homepage, it's currently showing the default 'featured product image' first along with the second image  shown when the mouse has hovered over the product image.
I would like to change the index of the first image on the featured collection page if this is possible to the second image and the mouse-over/hover image index to be the third  product image.
I have figured out that I need to edit product-item.liquid somewhere in order to do this and I've tried editing the index numbers without getting any results, yet.
I'm really hoping someone can help me out with the right code/solution.
Can you share screenshot ?
@oscprofessional sure, thanks for the response!
https://the-skincare-edit-united-arab-emirates.myshopify.com/ password - hubuth
Screenshot showing default product image on the featured collection,
Screenshot showing the single product page (I'd like  to be featured on the featured collection and  to be featured when hovered over!
Hope that makes sense!
Make this image as first in product admin panel (main product image after that 2nd you want like)
& see the changes in home page!