<div class="h-92 bg-white fade-in-left">
  <div class="row mx-0 h-15">
    <div class="col-12 px-0 h-80 my-auto">
      <img
        draggable="false"
        ondragstart="return false;"
        (contextmenu)="false"
        class="d-block mx-auto h-100"
        src="assets/img/logo-spot.svg">
    </div>
  </div>
  <div class="h-85">
    <div class="row mt-5 mx-3 h-auto border border-primary rounded-sm">
      <div class="col-12 px-0 py-2 align-self-center">
        <div class="px-3 text-center">
          <p class="h6 text-truncate">PAGO ELECTRÓNICO</p>
        </div>
      </div>
    </div>
    <!-- QR -->
    <div class="row mx-0 mt-5 h-60 justify-content-center">
      <div class="col-10 px-0 h-100">
        <img
          draggable="false"
          ondragstart="return false;"
          (contextmenu)="false"
          class="d-block mx-auto img-fluid"
          src="assets/img/icono-mercado-pago.svg">
      </div>
    </div>
  </div>
</div>