Abstand zwischen 2 Spalten in mobiler Ansicht anpassen

Hallo Leute, ich arbeite im JCE Editor mit Spalten für eine Liste mit Besucherbergwerke. Ich habe dies wie folgt aufgeteilt.

Der Abstand gap: 1rem; ist in der Desktopansicht gut, aber in der mobilen Ansicht entsteht dadurch ein Abstand, der wiederum nicht ansehnlich ist.

.wf-columns {
display: flex;
gap: 1rem;
}

Leider habe ich keinen Link, da die Seite in einem geschützten Bereich liegt. Aber ich denke, mit der Erklärung sollte es verständlich sein. Wie bekomme ich es so hin, dass der Abstand in der mobilen Ansicht auf 0 gesetzt wird?

Schönen Sonntag und vielen Dank

Hallo, danke für deine Antwort, ich habe die Regel jetzt so in der custom.css

@media only screen and (max-width: 768px){
.wf-columns {
display: flex;
gap: 0rem;
}
}

So funktioniert es und sollte passen. Besten dank für den Tipp.

LG