CSS Image Border Not Showing Up Completely (7.0)

Site URL: https://oleander-round-6gnb.squarespace.com/

I've applied a small border around some images of the site (Brine template) using CSS and they look fine in the editor window. However, when I view the site live/refresh, some of the borders are showing up incomplete - for example, maybe the top of the image not having a border, or the right side not having a border, while the other sides do. I've attached screenshots as examples.

The code I've applied (and used on many other sites) is below: 

#BLOCK-ID img
{ border: 1px solid #000000;}

I've tried including '!important;' as well for specific ones that aren't working, but no success. If anyone could provide insight as to what may be causing this issue I would really appreciate it! I've never had this issue before and it's driving me nuts.

Site password: kassandra

Thank you!

2 hours ago, tuanphan said:

Use this code

#BLOCK-ID {
 img { 
		border: 1px solid #000000;
	}
  .has-aspect-ratio {
      overflow: visible !important;
  }
.image-block-wrapper {
    overflow: visible !important;
}
}

@tuanphan This did the trick!!! Thank you so much it was driving me crazy. Appreciate the help!!

@tuanphan I'm having the same issue but with 7.1. I am hoping for this change to effect all Stack Images site-wide. Any suggestions? 

Site URL: https://robin-parrot-dmka.squarespace.com/
Password: properpaws123

@tuanphan PS  - I got this code to work temporarily but my OCD eyes see a little bit of image coming out of the sides (even though no one else would likely notice it).  

.sqs-block-image .design-layout-stack .intrinsic img
{width: 99% !important;
}

I'm sure this isn't the best solution, but it works for the moment!

On 3/23/2022 at 8:24 AM, jennifermorgancreative said:

@tuanphan PS  - I got this code to work temporarily but my OCD eyes see a little bit of image coming out of the sides (even though no one else would likely notice it).  

.sqs-block-image .design-layout-stack .intrinsic img
{width: 99% !important;
}

I'm sure this isn't the best solution, but it works for the moment!

I see it is fine. Can you take a screenshot of problem?

I'm having a similar issue with a border not showing up in a carousel list, it is only appearing on top and left side, would anybody have a solution for this?

This is what I used

.user-items-list-carousel__media {
  border:3px solid #000; }

Actually I think I solved it 

.user-items-list-carousel__media-container{
  border:3px solid #000;
}