Enhance payments integration styles and layout for improved responsiveness

- Added max-width and margin adjustments to the payments integration section for better alignment on larger screens.
- Implemented responsive breakpoints for the payments integration section to ensure optimal display on medium and large devices.
- Introduced new styles for light mode payment logos and embedded payments icons, enhancing visual consistency across the payments page.

styles/_use-cases.scss

@@ -1379,6 +1379,17 @@ body,
 .use-case-payments .payments-integration-section {
   .developer-tools {
     padding: 120px 0; /* Slightly less padding than default 180px */
+    max-width: 1280px;
+    margin: 0 auto;
+    
+    @include media-breakpoint-down(lg) {
+      max-width: 942px;
+    }
+    
+    @include media-breakpoint-down(md) {
+      max-width: 608px;
+    }
+    
     .container{
       padding: 0;
     }