Rounded Corners on Product Page

https://movingpeoplestudio.com/shop/p/chicago-regional-rail-l-cta-earrings-zd9pr-x7k4d

password: moving

I've been able to add curved corners to all the images on my site, but when I hover over the main product image, the corners become unrounded. I tried adding :hover to my code, but it doesn't change anything. Does anyone know how to specifically target product images that zoom on hover?

Thanks!

Don't remove your code. Add this code under it

.ProductItem-gallery-slides-item {
    border-radius: 50px !important;
}