<div class="porto-block">
  <style>
    sup {
        font-size: 54%;
    }
    .porto-ibanner-layer {
      position: absolute;
    }
    .off-text small {
      display: inline-block!important;
      font-size: 39%!important;
      font-weight: inherit;
      transform: rotate(
        -90deg
      ) translateY(-35%);
    }
    html .heading-dark, html .lnk-dark, html .text-color-dark {
      color: #282828;
    }
  </style>
  <div class="container">
    <div class="vc_row wpb_row row">
      <div class="vc_column_container col-md-12">
        <div class="wpb_wrapper vc_column-inner">
          <div id="interactive-banner-wrap-5091" class="porto-ibanner mb-0" style="background: #efefef; min-height: 250px;">
            <img src="{{media url=&quot;wysiwyg/smartwave/porto/category/banner/shop20_shop_banner.jpg&quot;}}"/>
            <div class="porto-ibanner-desc no-padding d-flex">
              <div class="porto-ibanner-layer" style="left: 25%; top: 50%; transform: translateY(-50%);">
                <h3 style="font-size: 2.375em; color: #777777; line-height: 1; font-weight: 500; letter-spacing: -0.035em;" class="vc_custom_heading mb-1 align-left">Save Big Sale</h3>
                <h4 style="font-size: 5.75em; line-height: 1; letter-spacing: 0.03em;margin-left: -0.06em;" class="vc_custom_heading off-text d-flex align-items-center mb-2 align-left heading-dark">50%<small>OFF</small></h4>
                <h5 style="font-size: 1em; line-height: 1; letter-spacing: -0.02em;padding-top: 0.275em;" class="vc_custom_heading pull-left mr-2 align-left heading-dark">STARTING AT</h5>
                <h5 style="font-size: 2.1em; line-height: 1; letter-spacing: -0.02em;" class="vc_custom_heading mb-2 align-left heading-primary"><sup>$</sup>199<sup>99</sup></h5>
                <div class="vc_custom_heading mb-0 d-inline-block align-left heading heading-border heading-bottom-border" style="border-bottom-color: #777777;">
                  <h6 style="font-size: 0.8em; color: #777777; line-height: 0.8; font-weight: 700; letter-spacing: 0.01em;" class="heading-tag"><a href="#">SHOP NOW</a></h6>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
