multicolumn circle images too big

[DASCPA]

Hi All, can the circle images in multicolumn be made smaller so that I can see 3 on mobile. Similar to Instagram stories. URL https://www.affluentarchives.co.uk/

[GTLOfficial]

Hello @DASCPA 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-multicolumn.css

.background-none .multicolumn-card-spacing {
padding: 0;
margin: 20px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Dan-From-Ryviu]

Please add this code to Custom CSS of this section 

@media (max-width: 749px) {
    .grid__item {
        width: calc(33% - var(--grid-mobile-horizontal-spacing) - 3rem) !important;
    }
}

[BSSCommerce-B2B]

@DASCPA ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid

Step 3: Add this code before </body>

<style>@media (max-width: 768px) {
    .multicolumn-list li {
       width: calc(30% - var(--grid-mobile-horizontal-spacing) - 3rem)!important;
    }
}</style>