Rounded Corners of Slideshow - Not all round

I'm using this code trying to round the corners of images in a slide show:

#block-yui_3_17_2_1_1648758837944_5968
img {
    border-radius: 20px !important;
}

It's working, but only some of the images are rounded.  Others stay full square.

Any thoughts?

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

https://stingray-flounder-gl7w.squarespace.com/

P: vale

Replace your image rounding CSS with the following.

#block-yui_3_17_2_1_1648758837944_5968 .sqs-gallery-design-stacked-slide,
#block-yui_3_17_2_1_1648758837944_9444 .sqs-gallery-design-stacked-slide

  {
  
    border-radius : 20px;
    z-index : 1;
    
    }

This is for v7.1 and specific to the poster's need.

Let us know how it goes.

That got it.  I didn't consider the z-index might be needed.

Thank you!