CSS for adding rounded corners to embedded videos on blog pages?

Hi there,

I'm trying to find a solution to add rounded corners to embedded videos on blog posts. I've tried this code from another post but it doesn't do anything.

.video-player .plyr video {
    object-fit: cover !important;
    border-radius: 10px !important;
}

The only other current custom CSS I have is for rounded corners on images

// 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
}

#block-f78dddc9ce7dffab4822 iframe {

  border-radius: 15px;
  
  }

Any help would be much appreciated!

URL: https://bulldog-grapefruit-sym2.squarespace.com/archive/blog-post-title-one-snnxx-nadmb-sk4z2-kbsy9-6exdp

Pass: bfJVV%%sB5

that worked, thank you so much @SaranyaDesigns!