How to create rounded corners on events page images?

Site URL: https://www.thestudiomillvalley.com/events

I came across this code to round corners on all images across the site: 

// This adds a radius to most of the images
.products .grid-image-wrapper,
.image-block-wrapper,
.ProductItem-gallery-slides-item.selected,
.sqs-gallery-design-grid-slide .image-slide-anchor
.image-overlay  {    border-radius: 12px;    }
// This adds a radius to the images when under a colored field
img {
border-radius: 12px; 
}
// This adds a radius to the BLOB/article images
a {
border-radius: 12px
}

It worked at first and all corners were rounded. Then when I added new events, the corners display as rounded when the page loads, but then snap to un-rounded. You can see it here:

https://www.thestudiomillvalley.com/events

Anyone have different code that might work better? Thank you!

The event looks fine. Did you figure it out?

No, the issue is still there. The event images appear rounded at first just for a second and then switch to being hard cornered rectangles. You're seeing something different?

I'm talking about the top level events page: https://www.thestudiomillvalley.com/events not the event detail pages.

Looks good to me. This is what I saw.

thanks so much for checking. this is so strange b/c on desktop, iPad and phone after clearing caches I'm still seeing non-rounded edges. I'm so confused - I see them rounded and then it changes to hard edges. 

OK I discovered that the issue is only happening on safari and not chrome.