What about a media query:
change the css to be:
@media screen and (min-width: 768px) { /* only on tablets and larger*/
.anvil-role-3-cols > div {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 3%; /*adjust as needed*/
}
}
I haven’t tested it but I think it’ll work… It basically says behave like a normal repeating panel unless it’s a tablet or wider…