Banner payments in footer

[Maria Costa]

 

Hello, I have this problem, I have this payment banner at the bottom of my page, but in the mobile version it is quite large, where can I change the code to automatically resize the banner for different types of screens?

code:

<div class="row">
<p style="padding-top: 6px;"><a href="https://felmitek.pt/content/10-metodos-de-pagamento" target="_blank" rel="noreferrer noopener"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://felmitek.pt/img/cms/metodos_pagamento.png" alt="metodos_pagamento.png" width="677" height="32" /></a></p>
</div>

Desktop version:

Mobile Version:

 

Thanks

[Maria Costa]

 

what is the change in the code that I can do to make it responsive? I'm sorry but I'm a beginner in programming

[Maria Costa]

i changed the parameters but the image loses a lot of quality on the desktop and gets very small on mobile

[Maria Costa]

solved with

 

img class="img-responsive" style="display: block; margin-left: auto; margin-right: auto;"

 

thanks

Edited December 10, 2020 by Maria Costa (see edit history)