<!-- Infographic Bubble Grid  -->
<div class="vi-infographic-bubble-grid">
  <!-- Container (mods: --column) -->
  <div class="vi-container vi-container--column">
    <!-- Infographic Bubble Grid inner  -->
    <div class="vi-infographic-bubble-grid__inner">
      <div class="vi-infographic-bubble-grid__items">
        <div class="vi-grid">
          <div class="vi-grid__row">
            <div class="position-static col-12 col-sm-5 col-md-4 offset-sm-2 col-xl-3 offset-xl-1 d-flex justify-content-start justify-content-sm-center">
              <div class="vi-infographic-bubble-grid__item vi-infographic-bubble-grid__item--1">
                <!-- Infographic Bubble (mods: --md, --first) -->
                <div class="vi-infographic-bubble vi-infographic-bubble--md vi-infographic-bubble--first">
                  <div class="vi-infographic-bubble__bubble">
                    <div class="vi-infographic-bubble__inner">
                      <div aria-hidden="true" class="vi-infographic-bubble__object vi-pattern vi-pattern--random-gradient-moment" data-pattern-seed="random"></div>
                      <div class="vi-infographic-bubble__main">
                        <div class="vi-infographic-bubble__sections">
                          <div class="vi-infographic-bubble__head">
                            <h3 class="vi-infographic-bubble__title">Central Nervous System</h3>
                          </div>
                          <div class="vi-infographic-bubble__body vi-typesystem vi-typesystem--collapse-last vi-typesystem--component">
                            <p>Chartreuse occupy knausgaard tousled tacos neutra 8-bit narwhal gluten-free stumptown stumptown kombucha.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="position-static col-12 col-sm-5 col-md-4 offset-sm-7 offset-md-6 col-xl-4 offset-xl-3 d-flex justify-content-end justify-content-sm-center mt-sm-n60 mt-xl-n40 order-xl-last">
              <div class="vi-infographic-bubble-grid__item vi-infographic-bubble-grid__item--2">
                <!-- Infographic Bubble (mods: --md) -->
                <div class="vi-infographic-bubble vi-infographic-bubble--md">
                  <div class="vi-infographic-bubble__bubble">
                    <div class="vi-infographic-bubble__inner">
                      <div aria-hidden="true" class="vi-infographic-bubble__object vi-pattern vi-pattern--random-gradient-moment" data-pattern-seed="random"></div>
                      <div class="vi-infographic-bubble__main">
                        <div class="vi-infographic-bubble__sections">
                          <div class="vi-infographic-bubble__head">
                            <h3 class="vi-infographic-bubble__title">Pain</h3>
                          </div>
                          <div class="vi-infographic-bubble__body vi-typesystem vi-typesystem--collapse-last vi-typesystem--component">
                            <p>Stumptown taxidermy church-key yuccie crucifix drinking butcher iphone fingerstache hella listicle flexitarian.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="position-static col-12 col-sm-5 col-md-4 offset-sm-3 col-xl-3 offset-xl-2 d-flex justify-content-start justify-content-sm-center mt-xl-40">
              <div class="vi-infographic-bubble-grid__item vi-infographic-bubble-grid__item--3">
                <!-- Infographic Bubble (mods: --md) -->
                <div class="vi-infographic-bubble vi-infographic-bubble--md">
                  <div class="vi-infographic-bubble__bubble">
                    <div class="vi-infographic-bubble__inner">
                      <div aria-hidden="true" class="vi-infographic-bubble__object vi-pattern vi-pattern--random-gradient-moment" data-pattern-seed="random"></div>
                      <div class="vi-infographic-bubble__main">
                        <div class="vi-infographic-bubble__sections">
                          <div class="vi-infographic-bubble__head">
                            <h3 class="vi-infographic-bubble__title">Respiratory</h3>
                          </div>
                          <div class="vi-infographic-bubble__body vi-typesystem vi-typesystem--collapse-last vi-typesystem--component">
                            <p>Actually cold-pressed vice dreamcatcher venmo chillwave leggings master tousled keytar gentrify seitan.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="position-static col-12 col-sm-5 col-md-4 offset-sm-7 col-xl-3 offset-xl-0 d-flex justify-content-end justify-content-sm-center">
              <div class="vi-infographic-bubble-grid__item vi-infographic-bubble-grid__item--4">
                <!-- Infographic Bubble (mods: --sm, --last) -->
                <div class="vi-infographic-bubble vi-infographic-bubble--sm vi-infographic-bubble--last">
                  <div class="vi-infographic-bubble__bubble">
                    <div class="vi-infographic-bubble__inner">
                      <div aria-hidden="true" class="vi-infographic-bubble__object vi-pattern vi-pattern--random-gradient-moment" data-pattern-seed="random"></div>
                      <div class="vi-infographic-bubble__main">
                        <div class="vi-infographic-bubble__sections">
                          <div class="vi-infographic-bubble__head">
                            <h3 class="vi-infographic-bubble__title">Oncology</h3>
                          </div>
                          <div class="vi-infographic-bubble__body vi-typesystem vi-typesystem--collapse-last vi-typesystem--component">
                            <p>Diy salvia tacos 90's selfies keytar street fingerstache lomo pickled hammock pour-over.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>