USP

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Responsive Pay Image</title>
    <style>
      /* Center the image and make it responsive */
      .image1 {
        display: block;        
        margin: 0 auto;            /* Center the image horizontally */
        width: 100%;               /* Image takes full width of the container */
        max-width: 600px;          /* Prevent it from becoming too large */
        height: auto;              /* Maintain aspect ratio */
      }

      /* Mobile-specific styles */
      @media (max-width: 768px) {
        .image1 {
          max-width: 90%;          /* Image takes 90% of the screen width on smaller screens */
        }
      }

      @media (max-width: 480px) {
        .image1 {
          max-width: 100%;         /* Full width on small devices */
        }
      }
    </style>
</head>
<body>
    <img class="image1" src="https://cdn.shopify.com/s/files/1/0601/4287/8833/files/images_3.png?v=1734070344" alt="Payment Image">
</body>
</html>