Resizing border frame for mobile site - code not working

Site URL: https://ferret-bird-3rl2.squarespace.com

I have a frame around a text block that I'm trying to reduce on the mobile site. I copied the same code for the desktop, and simply adjusted the numbers.

No luck.
 

/* FRAME: "CLIENT GALLERY" MOBILE */

@media screen and (max-width: 640px){#block-2c182c5c1f7d49f6f48b 
{ 
  padding-top: -2.0vh !important;
  padding-bottom: -2.0vh !important;
  padding-left: -3.0vw !important;
  padding-right: -3.0vw !important;
}}

/* FRAME: "CLIENT GALLERY" DESKTOP */

#block-2c182c5c1f7d49f6f48b
{ border: 0.15em solid #fff;
  padding-top: 4.7vh !important;
  padding-bottom: 4.7vh !important;
  padding-left: 1.8vw !important;
  padding-right: 1.8vw !important;
}

What am I missing? I have to frames that need adjusting, so hopefully fixing one will help me fix the other.

Thank you forum members!
 

site:  https://ferret-bird-3rl2.squarespace.com
pw:  blahblahblah

I see no border here. Can you take a screenshot?

7 hours ago, tuanphan said:

I see no border here. Can you take a screenshot?

You bet!

7 hours ago, Poppyseeds said:

 

You bet!

I did finally figure out how to adjust a bit, but I can't seem to get it any tighter.