George_M

Ahh amazing, that works perfectly. Thanks so much for your help and patience @tuanphan, really appreciate it 🙏

Ahh of course. Did wonder that actually. Try this: https://vibraphone-parakeet-bpky.squarespace.com/art-okd4h/p/test-product

Cool, thanks. Test product link: https://vibraphone-parakeet-bpky.squarespace.com/config/pages/5f4fbb2537deea5c73538829/categories/644bac772bff9f546ddbb409

Awesome, thanks @tuanphan 🙏 That's a massive improvement and so nearly there but is leaving the previous image in the background when you scroll to the next product image in the slideshow (as shown in the attached image). And as the absolute novice I am, I couldn't figure out how to add this code to individual product pages so added it to Custom CSS on the Design page instead which had the aforementioned effect. Perhaps this is where I'm going wrong?

Hi @tuanphan, Thanks so much for your help here, I really appreciate it. Some of the suggested CSS have worked perfectly (the original aspect ratios on the product list page for example look great - https://www.brunswickartgallery.co.uk/art) but the images on my product page are still all defaulting to the same size despite them being different aspect ratios (e.g. https://www.brunswickartgallery.co.uk/art/p/clay-sinclair-i-am-ur) This is all the custom CSS I have added since reading this article. Any help getting the images to appear with their original aspect ratios on the product page woulud be much appreciated. Many thanks, George