Arch Image Block - Troubleshoot

Hi there,

Im trying to make this one image into an arch-shaped image. It's not working the way I anticipated..

Image 1: What's showing up with the CSS

Image 2: What I want (which is odd b/c it's showing up fine in the editor but not on the live site)

/* Arch image */
#block-yui_3_17_2_1_1633804367893_13901  img {
   border-top-left-radius: 50% 30% !important;
   border-top-right-radius: 50% 30% !important;
}

Amy help would be appreciated. Thanks!

https://contrabass-caper-5n75.squarespace.com/
home page, middle section

Please see the following.

Let us know how it goes.

Thanks @creedon.

For anyone else, I ended up using:

#BLOCKID 

{ 
  .intrinsic {
      
        .image-block-wrapper, // inline
        .image-inset // card, collage, overlap, poster, stack
        
          {
          
            border-radius: 200px 200px 0px 0px !important;
            z-index : 1;
            
            }
            
        .image-overlay {
        
          border-radius: 200px 200px 0px 0px !important;
          
          }
        }
        
      }