How do you make images transparent and not have a gray background?

When I upload some transparent images to a gallery or store page, the background is gray. Is there a way to remove that?

Here are some examples:

The second one is for a store page.

Unfortunately, I can't see your sample pictures. One of the reasons may be that there is a set overlay on the images under Site Styles. You can remove it throughout the entire website or from each image individually.

On 8/14/2023 at 12:27 AM, kalevi said:

Unfortunately, I can't see your sample pictures. One of the reasons may be that there is a set overlay on the images under Site Styles. You can remove it throughout the entire website or from each image individually.

Overlay.mov

I can't seem to find the menu you opened. I believe I'm on Squarespace 7.0.

Can you share link to a page where you we can see image? We can check easier

21 hours ago, tuanphan said:

Can you share link to a page where you we can see image? We can check easier

The website is https://cow-scarlet-xs8t.squarespace.com/store and the password is "welcome".

13 hours ago, tuanphan said:

You can add this to Design > Custom CSS (or Website > Website Tools > Custom CSS)

#productList .product .product-image .intrinsic>div {
    background-color: transparent !important;
}

Thanks a lot! If you don't mind me asking, how do I make these images into an aspect ratio of 1:1? I want to have them be a consistent size.

Try this CSS code then save & reload the site

.intrinsic {
    padding-bottom: 100% !important;
}