Adding a colored border (1 pixel) to the individual product images on my products page

I am currently using the HYDE template and all the other recommended CSS solutions given are not compatible with my template: https://www.houseofink.studio/shop-onlineIs there another possible css code injection I could use.

Additionally, I have been able to get the pixel border to work on other pages: https://www.houseofink.studio/tattoo-studio

@houseofink2018 Add to Home > Design > Custom CSS

/* Shop Page */
.collection-type-products.view-list .ProductList-innerImageWrapper {
   border: 1px solid #fff;
}
/* Tatoo page */
body#collection-5d5eed37ce00080001e67447 .image-block-wrapper {
   border: 1px solid #fff;
}

if the answer is correct, Please Accept the question and upvote.

Unfortunately your recommended CSS injection does not work on either the ShopOnline product page or the TattooStudio page.

I was, however, able to get the following to work on the TattooStudio Page:

<style>
  .image-block-outer-wrapper {
    border: 1px solid #3d4531;
 }
</style>

BUT, this CSS does not work on the ShopOnline page. Any other suggestions would be greatly appreciated. https://www.houseofink.studio/shop-online

@houseofink2018 add this for shoponline product page

body#collection-5d5ecd5e7e4f2800010ba474 .ProductList-innerImageWrapper {
   border: 1px solid #fff;
}