Making summary block to appear as grid instead of list

Hi, I was wondering if you can help me.

I have a summary block of blog articles and I really like how they look on web. But on mobile the pictures are really small and I would much prefer them to be in the "grid" just pictures above the data. Is there a way to apply change of design for mobile device for specific summary block? Thank you (website https://aboutphotography.blog/)

Any help appreciated 🙏

I am trying to make it work with this code,  but no luck

@media screen and (max-width:640px) {
    #block-yui_3_17_2_1_1709155517454_23599 {
    a.summary-thumbnail-container.sqs-gallery-image-container {
    padding-left: 0 !important;
}
.summary-thumbnail-outer-container {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
}
.summary-content.sqs-gallery-meta-container {
    width: 100% !important;
    float: none !important;
}
}
}

So I am also trying this code

/* Tablet-Mobile-Home-Summary */
@media screen and (max-width:991px) {
section[data-section-id="65c0ae38487ca123bde1eeec"] {
a.summary-thumbnail-container.sqs-gallery-image-container {
    padding-left: 0 !important;
}
.summary-thumbnail-outer-container {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
}
.summary-content.sqs-gallery-meta-container {
    width: 100% !important;
    float: none !important;
}
}
}

but I am only getting to partially grid, just can not make the thumbnail full width.

Thanks for any ideas 🙏