How can I adjust liquid code to equalize image and button size?

I solved it with this code but it seems too big only in the desktop version: 

{% if product.handle == 'serum-oro-24k' %}
  <div style="margin-bottom: -20px;">
    <img src="https://cdn.shopify.com/s/files/1/0785/9758/7282/files/10_PEZZI_RIMASTI_1000_x_200_px.png?v=1698345953" style="width: 100%; height: auto;" >
  </div>
  <style>
    .button:later, .shopify-challenge__button:later, .customer button:later, .shopify-payment-button__button--unbranded:later {
      height: automatic; /* You can adjust this height according to your needs */
    }
  </style>
{% end if %}