How to disable CSS only for one payment method?

I have the plugin “Simple Custom CSS and JS” to gather CSS customizations which work great. I created one entry that changes the style on checkout page:

.woocommerce-checkout form.checkout {
grid-template-columns: none;
grid-column-gap: none;
}

Which works great for 2 of my 3 payment methods. Without the CSS, the second “grid” wasn’t used at all so it looked really bad (clunched together).

However, for my 3rd payment method option for customers (WooCommerce Stripe Gateway) I actually need to disable this CSS. Otherwise the billing form takes upp 100% width and the card form from Stripe is shown way down on the page after everything. Having the CSS disabled for Stripe makes it look good, with the card form on the right grid and billing form on left as it should be.

So how to code a conditional CSS? And where?
Someone said a hook but I don’t know how to code that.