{% style %}
  #guaranteeundergallery {
    background: {{ block.settings.background_color }};
    color: {{ block.settings.text_color }};
    padding: 10px;
    margin: 25px 0;
    border-radius: {{ block.settings.border_radius }}px;
    text-align: left;
    border: 1px solid {{ block.settings.border_color }};
    {% if block.settings.enable_box_shadow %}
      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    {% endif %}
  }
  #guaranteeundergallery .wrap {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  #guaranteeundergallery p {
    margin: 0;
  }
  #guaranteeundergallery img {
    width: 100px;
  }
  @media screen and (max-width: 767px) {
    #guaranteeundergallery .wrap {
      gap: 15px;
    }
    #guaranteeundergallery img {
      width: 70px;
      min-width: 50px;
    }
  }
{% endstyle %}

<div class="no-mobile" style="margin-top:20px;" id="guaranteeundergallery">
  <div class="wrap">
    <div class="box1">
      {% if block.settings.custom_image != blank %}
        <img src="{{ block.settings.custom_image | img_url: '100x' }}" alt="{{ block.settings.heading | escape }}">
      {% else %}
        <img src="{{ block.settings.default_image | default: 'https://cdn.shopify.com/s/files/1/0557/0887/6873/files/Risk_Free_Trial.png' }}" alt="{{ block.settings.heading | escape }}">
      {% endif %}
    </div>
    <div class="box2">
      <span style="font-size:{{ block.settings.heading_size }}px;font-weight: bold;">{{ block.settings.heading }}</span>
      <p style="font-size:{{ block.settings.text_size }}px;">{{ block.settings.text }}</p>
    </div>
  </div>
</div>