Side by Side Codeblocks in Mobile View 7.1

Site URL: https://www.artblane.store/

Hi all, I've got an issue with some code blocks I'm using on my site.

I have got the code blocks, which I am using as Category Navigation buttons, (wanted the hover feature so used some code) functioning well on desktop mode. 

However on mobile view they stack on top of each other. I'm trying to find out how I can code them to appear side by side in mobile view (As they would if they were in a gallery block)

this is the page https://www.artblane.store/shopall

password is editedit

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5f6681abdc971b4710571861>.row>.span-4 {
    width: 33.33% !important;
    float: left !important;
}
}

Thank you so so much, you saved me @tuanphan. I hope everyone can benefit from this solution.