<style>

       /* Responsive Styles for Mobile Devices */
       @media (max-width: 767px) {
           .card {
               flex-direction: column;
               width: auto; /* Adjust width for smaller screens */
               height: auto; /* Adjust height for smaller screens */
               align-items: center; /* Center-align items for vertical stacking */
           }

           .card-logo {
               width: 100%; /* Full width for the logo */
               justify-content: center; /* Center logo horizontally */
           }

           .card-content {
               padding-left: 0; /* Remove left padding on smaller screens */
               padding-top: 10px; /* Add top padding for spacing */
               align-items: center; /* Center-align text content */
           }
       }
   </style>

           <img src="" alt="Logo" style="max-width: 100%; max-height: 100%;">

           <a href="" style="color: #1A50AD; font-size: 20px; font-weight: 700; text-decoration: none;">
           </a>