Вадим Кот

<picture>
                        <source media="(min-width: 1260px)" srcset="css/images/footer-top-img-xlg.jpg">
                        <source media="(min-width: 1008px)" srcset="css/images/footer-top-img-md.jpg">
                        <img src="css/images/footer-top-img.png"
                             alt="" title="">
</picture>

.class {
  margin-top: -Npx;
}

.class {
  margin-left: -Npx;
}

.card-item-wrapper .item-block {
    padding: 0 15px;
    margin-bottom: 1rem;
    max-width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

<section class="page-section advantages">
  <h2 class="visually-hidden">Наши преимущества<h2>
  <div class="container advantages__container">
    <div class="advantages__item">advantage1</div>
    <div class="advantages__item">advantage2</div>
    <div class="advantages__item">advantage3</div>
  </div>
</section>

<section class="tariffs" id="about">
   <h3>Our</h3>
    <h2>Tariffs</h2>
</section>

<section class="tariffs" id="about">
  <h2 class="tariffs__title"><span class="tariffs__title-accent">Our</span> tariffs</h2>
</section>

одно из них сдвинуто влево и вверх а под ним фон