Span-2 Images disappear on mobile. How can I keep them revealed? [Brine 7.0]

Site URL: https://www.hdh.fi/verkkokauppa-testi

Hi there!

I have a nice row of product pictures on desktop but on mobile all the pictures disappear!? If I increase the image size this does not happen... Can anyone help?

 

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1635755049107_3901+.row .image-block {
    width: 80px;
}
}

This is how it looks now!

How could I make the mobile show in row of 2's. (Two pictures side by side instead of three)?

Thanks so much! Great progress so far!!

It seemed to work just by increasing the width to 140px.

Is there even a better way to do auto width for perfect row's?

If not then thank you so much!! I'll try to figure out how to align center meanwhile because the width now will leave empty space to the right dpeending on the mobile phone used.

Best,
Abe
 

I added the following and got only the first row to behave like I imagined. Still need to work on this.

Would you have suggestions?
 

#block-yui_3_17_2_1_1635755049107_3901+.row .image-block {
    width: 140px;
}

.row .sqs-row{
      width: fit-content !important;
    margin:auto !important;
} 

The problem continues!

I am trying to replicate this to the LIVE store and nothing shows up?? Can you spot the issue?

URL: hdh.fi/verkkokauppa

It seems to work now! Thanks so much for this!!