Clean up a bit the credit card div from booking page

web/static/public.css

@@ -486,6 +486,7 @@ nav:last-of-type > ul > li:last-child {
     bottom: 6.75rem;
     right: 7.5rem;
 }
+
 .hero a:hover span, .services a:hover span, .spiel a:hover span, .campsite_type_booking button:hover span {
     transform: translateX(1.3rem);
 }
@@ -1266,18 +1267,17 @@ input[type="checkbox"]:focus {
 
 /* booking card */
 
-.center-cards {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-  margin: 30px 10px;
+.credit-cards {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    margin: 30px 10px;
 }
 
-.microcard {
-  width: 48px;
+.credit-cards svg {
+    width: 4.8rem;
 }
 
-
 /* footer responsive */
 @media (max-width: 48rem) {
     body > footer div {