code to change the gallery image to have rounded corners

Hiya, I'm very new to this and this is the first time of trying to input custom code so would really appreciate some help.

I have a gallery block with thumbnails and would like to change the corners to be rounded. I have found a code to do this online:

img { border-radius: 30px; } 

this code is apparently supposed to change all the images on the website to have rounded edges however it just changes the thumbnails. Furthermore the thumbnails are cut off at the bottom of the block. If anyone can take a look for me I would be so grateful!!

Can you share your website URL and the location of the gallery?

Just to be clear it's a slideshow I am trying to use.

I have added some annotated screenshots for reference.

hello, thanks for replying . appologies but how do i get you the URL?

https://porcupine-owl-3f4z.squarespace.com/config/

is it this?

im assuming you would need a password to look at my website at the minute as it is not yet published?

if thats the case and you need that i have no clue how.....

Just now, Laubs said:

if thats the case and you need that i have no clue how.....

Yes, I would need a site wide password, follow this guide:

https://squarefortytwo.com/squarespace-guides/add-a-site-wide-password-to-your-squarespace-website

Hiya, I think I have set this up now.

The password I used id: pdpro1

Thanks for that, but the way that this type of gallery slideshow handles images means the border radius doesn't work directly on the image. My best suggestion is to add a border radius to the image before uploading.