<div class="porto-block">
  <style>
    .porto-ibanner-layer {
      position: absolute;
      z-index: 10;
    }
    .porto-ibanner .btn-modern.btn-md {
      font-size: .75em;
      padding: 1.3em 3.25em;
    }
    .ls-200>.btn {
      letter-spacing: .2em;
    }
  </style>
  <div class="container">
    <div class="row m-t-md">
      <div class="col-md-12 col-lg-6">
        <div class="wpb_wrapper vc_column-inner">
          <div class="porto-ibanner mb-3 mb-lg-0" style="background: #ffffff; min-height: 150px;">
            <img src="{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/shop18_home_banner1.jpg&quot;}}" />
            <div class="porto-ibanner-desc no-padding d-flex">
              <div class="porto-ibanner-layer" style="left: 6%; top: 50%; transform: translateY(-50%);">
                <h4 style="font-size: 2.0625em; line-height: 1; font-weight: 200; letter-spacing: 0.075em;" class="vc_custom_heading mb-0 align-left">Summer Sale</h4>
                <h5 style="font-size: 3.0625em; line-height: 1;" class="vc_custom_heading mb-0 align-left">20% OFF</h5>
              </div>
              <div class="porto-ibanner-layer" style="right: 6%; top: 50%; transform: translateY(-50%);">
                <div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-md btn-dark">SHOP NOW</button></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-12 col-lg-6">
        <div class="wpb_wrapper vc_column-inner">
          <div class="porto-ibanner mb-0" style="background: #222529; min-height: 150px;">
            <img src="{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/shop18_home_banner2.jpg&quot;}}" />
            <div class="porto-ibanner-desc no-padding d-flex">
              <div class="porto-ibanner-layer" style="left: 6%; top: 50%; transform: translateY(-50%);">
                <h4 style="font-size: 2.0625em; line-height: 1; font-weight: 200; letter-spacing: 0.075em;" class="vc_custom_heading mb-0 align-left heading-light">Flash Sale</h4>
                <h5 style="font-size: 3.0625em; line-height: 1;" class="vc_custom_heading mb-0 align-left heading-light">30% OFF</h5>
              </div>
              <div class="porto-ibanner-layer" style="right: 6%; top: 50%; transform: translateY(-50%);">
                <div class="btn-container ls-200 d-inline-block"><button class="btn btn-modern btn-md btn-light">SHOP NOW</button></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
