3 Col on Mobile - specific

Site URL: https://brownlee.squarespace.com/flyers-1

Right now I have the 3 images so they are 3 cols wide on mobile... that's how I want it to be. BUT, how I have it set up, it also makes that far right col, with the pricing table small on mobile too. I would like that col to be full width on mobile.

So, my. question is how do I ONLY shrink those 3 image columns?

Currently I'm using this code:

/* 3 columns mobile */
@media screen and (max-width:640px) {
#page-section-609d99f20dcef4527cd0d399 .span-2 {
    width: 33.33% !important;
    float: left !important;
}
}

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1620941050712_3438+.row .span-2:nth-child(3) {
    width: 100% !important;
}
}

This answer works... but I think I want to move in a different direction now. Can you help!?

Same Idea, but now I'm working on a different page:
https://www.brownleepress.com/working

Those 3 buckets at the top (Paper, Cardstock, and Envelopes) are images. On desktop, I want them to be 3 wide, like they are. On mobile, I'd like to go Paper and Cardstock 2 wide on one row, and then use a DIFFERENT image for Envelopes on the next row (all by itself, 100% wide). Possible??

...could also lose some of that padding/margin on the mobile

On 7/12/2021 at 3:49 AM, BillChesney said:

This answer works... but I think I want to move in a different direction now. Can you help!?

Same Idea, but now I'm working on a different page:
https://www.brownleepress.com/working

Those 3 buckets at the top (Paper, Cardstock, and Envelopes) are images. On desktop, I want them to be 3 wide, like they are. On mobile, I'd like to go Paper and Cardstock 2 wide on one row, and then use a DIFFERENT image for Envelopes on the next row (all by itself, 100% wide). Possible??

...could also lose some of that padding/margin on the mobile

It looks like the order of text/image on mobile are incorrect?? Do you want to fix this first?

On 7/12/2021 at 3:49 AM, BillChesney said:

This answer works... but I think I want to move in a different direction now. Can you help!?

Same Idea, but now I'm working on a different page:
https://www.brownleepress.com/working

Those 3 buckets at the top (Paper, Cardstock, and Envelopes) are images. On desktop, I want them to be 3 wide, like they are. On mobile, I'd like to go Paper and Cardstock 2 wide on one row, and then use a DIFFERENT image for Envelopes on the next row (all by itself, 100% wide). Possible??

...could also lose some of that padding/margin on the mobile

Do you want to fix these?

(Checked: July 20)

Site URL: https://brownlee.squarespace.com/

1. (Tablet – Homepage) Want to increase content width?

2. (Mobile – Store) Make 2 products/row?

https://brownlee.squarespace.com/shop

3. (Mobile – Product)

https://brownlee.squarespace.com/shop/p/ma2022

4. You haven’t changed SEO title so browser tab name still show “General 6”

https://brownlee.squarespace.com/quote

5. The same here

https://brownlee.squarespace.com/band