CSS Borders Applying to some elements only (Summary Block)

https://emu-frog-srar.squarespace.com/

A client is using my template, but for some reason on a summary block on the homepage, the borders and border radius is only applying to the 1st and 3rd product image. When I deleted the block and added a new one, the borders applied to the 1st, 2nd, and not the 3rd. Very strange! Any help appreciated. 

By using DevTools, I was able to find that the image in the middle is larger than it's wrapper, so the CSS is being applied, but because it is larger than the container, it is just not showing. 

Instead of applying the bordering around the <img> element, apply the bordering CSS to it's parent element, ".summary-thumbnail img-wrapper". I pasted the CSS below:

.summary-thumbnail img-wrapper {
	border: 2px solid !important;
	border-color: inherit !important;
	border-radius: 12px;
}