Picture resize in grid

The thread began here: https://www.gavick.com/forums/technews/nsp-module-parse-category-not-article-possible-48800
The issue I am having with the GRID now is that NSP would scale an image when going to mobile devices. The grid doesn't. As the result we getting this:
https://yadi.sk/i/YQsA-V4ZkJiso On the laptop screen we see the garage door in the main frame of the grid and understand what is promoted. While on the mobile screen same picture looks like a total enigma:
https://yadi.sk/i/AnghlLU3kJiy5 - no way to tell what it was. If the picure would scale - to the size of the grid element, it would be much better. AFAIU, I can't tell the grid to take differrent pictures in different screen sizes, and if I will resize the picture in Photoshop to look good on small screens it will look aweful on the big screen. So, that's the dillema... Any ideas how could we fix it or find a workaround?

Hi

Try this maybe:

Code: Select all

.gkGridGK5 img {
max-width: 100%;
}