SOLVED: Reducing size of related products

Site URL: http://www.arch-worldwide.com/shop-all

Hello,

How can I reduce the size of the images on the related products block? Demonstrated below:

Hi there,

I turned it 4 columns on desktop view

@media screen and (min-width: 768px) {
  	.products.collection-content-wrapper .list-grid .grid-item *::-ms-backdrop, .products.collection-content-wrapper .list-grid .grid-item {
      box-sizing: border-box;
      float: left;
      margin: 1.5vw 1vw;
      width: calc(25% - 2 * 1.5vw);
  }
}

@bangank36 hmmm doesn't seem to work but I managed to do it with this!

.ProductItem-relatedProducts .list-grid 
{grid-template-columns: 200px 200px 200px 200px 200px 200px 200px !important;
}