Adding Black Border around images on my Shop page

I have a series of images showing on my Shop page, and I would like to have a black frame around the images (of the products). Being a complete beginner in the field, I was wondering if anyone could advise (step by step if possible) how to do this please. Thank you in advance.

Can you share link to shop page? We can check easier

https://www.renamegoods.com/shop

Thanks!

Thank you so much! Would I be able to use a similar Custom CSS to create the same black border around ALL images on different pages of the website (links below), please?  We would like to have border around all images of products with white background.

https://www.renamegoods.com/

https://www.renamegoods.com/shop/p/ummm-errrr-ahhhh-eco-tote-bag

On 4/9/2023 at 6:16 AM, sjkwon said:

Thank you so much! Would I be able to use a similar Custom CSS to create the same black border around ALL images on different pages of the website (links below), please?  We would like to have border around all images of products with white background.

https://www.renamegoods.com/

https://www.renamegoods.com/shop/p/ummm-errrr-ahhhh-eco-tote-bag

Use this new code

/* Shop image border */
.products.collection-content-wrapper .grid-item figure {
    border: 3px solid black;
}
/* homepage */
body.homepage a.grid-item {
    border: 3px solid black;
}
/* products */
div.ProductItem-gallery-slides {
    border: 3px solid black;
}

Thank you again!!