<div class="porto-block">
  <style>
    .col-md-3-5,.col-md-2-5 {
      padding-left: 10px;
      padding-right: 10px;
    }
    @media (min-width: 768px) {
      .col-md-3-5 {
        flex: 0 0 60%;
        width: 60%;
      }
      .col-md-2-5 {
        flex: 0 0 40%;
        width: 40%;
      }
    }
  </style>
  <div class="row m-b-lg no-padding" style="background-color: #f4f4f4;">
    <div class="shop-category-banner col-md-5"
         style="
                padding-top: 80px;
                padding-bottom: 80px;
                background-position: right center;
                background-repeat: no-repeat;
                background-size: cover;
                background-image: url('{{media url=&quot;wysiwyg/smartwave/porto/category/banner/shop23_shop_banner.jpg&quot;}}');
                ">
      <div class="wpb_wrapper vc_column-inner"></div>
    </div>
    <div class="px-4 px-md-0 col-md-7" style="padding-top: 45px; padding-bottom: 45px;">
      <div class="wpb_wrapper vc_column-inner">
        <div class="vc_row wpb_row vc_inner row vc_row-o-content-middle vc_row-flex">
          <div class="mb-4 mb-md-0 col-md-3-5">
            <div class="wpb_wrapper vc_column-inner">
              <h2 style="font-size: 24px; line-height: 1.5; font-weight: 700;" class="vc_custom_heading mb-0 align-left">Meet Porto</h2>
              <p style="font-size: 16.5px; line-height: 26px;" class="vc_custom_heading mb-0 align-left">The easier way to build your portfolio &amp; showcase your work.</p>
            </div>
          </div>
          <div class="col-md-2-5 d-flex align-items-center">
            <div class="wpb_wrapper vc_column-inner">
              <div class="btn-container mb-0 d-inline-block">
                <a class="btn-shape-arount btn btn-modern btn-md btn-dark" href="#" title="">Get Started <i style="padding-left: 7px;" class="fas fa-chevron-right"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
