header-11.html

    <!-- Header 11 -->
    <header class="bg-light pt-160 pb-105 header_11 mb-50">

      <div class="container px-xl-0 h-full">
        <div class="row justify-content-center">
          <div class="col-xl-10">
            <div class="row flex-column-reverse flex-md-row justify-content-between align-items-center text-center text-md-left">
             
              <div class="col-lg-5 col-md-6" data-aos-duration="500" data-aos="fade-down" data-aos-delay="0">
                <h1 data-aos-duration="500" data-aos="fade-down" data-aos-delay="0">Fully Managed Ghost Hosting.
                </h1>
                <div class="mt-25 f-22 color-heading op-8 text-adaptive">
                  Our fully managed hosting solution for Ghost empowers businesses and bloggers to publish their
                  websites with peace of mind.
                </div>
                <div class="mt-60 d-flex justify-content-center justify-content-md-start align-items-baseline buttons">
                  <a href="#" class="btn action-2">Get Started</a>
                  <a href="#" class="ml-10 link color-main f-18 medium px-35">Learn More</a>
                </div>
              </div>

              <div class="col-lg-6 col-md-5 col-6 d-flex justify-content-end align-items-center" data-aos-duration="500"
                data-aos="fade-down" data-aos-delay="250">
                <img src="i/following_the_idea.svg" class="img-fluid" alt="" />
              </div>

            </div>
          </div>
        </div>
      </div>
    </header>

I'm trying to understand why the SVG image is so small compared to the PNG one.

See the delta in the revision

PNG IMAGE

SVG IMAGE