Product image width with Brooklyn theme

18 0 5

Hi everyone, 

I wanted rows of 2 products on my catalog to appear on phone and computer thus I added this piece of code to theme.scss.liquid

@media only screen and (max-width: 590px)  {
#CollectionSection .grid__item.grid-product {
	width: 50%;
.grid-product__meta {
	height: 100px;

My website being optimized for mobile view here is the result I got

Screenshot_20200812-113220 (1).jpg   

The thing is that I would like the dimensions to be same and if possible, I also would like to add a decorative frame to get a results similar to the following

Sans titre.jpg

Can someone help me with this  ?