<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">

<main>
  <div class="container my-5">
    <div class="row">
      <div class="col-5">
        <h1 class="display-4">New Balance Men's Warm</h1>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elit ut aliquam purus sit amet luctus venenatis lectus magna. Et tortor at risus viverra. Arcu vitae elementum curabitur vitae. Pellentesque habitant morbi tristique senectus et netus et malesuada fames.
        </p>
      </div>
      <div class="col-7">
        <div class="swiper-overflow">
          <div class="swiper swiper-1"></div>
        </div>
      </div>
    </div>
  </div>
  
  <div class="container my-5">
    <div class="row">
      <div class="col-5">
        <h1 class="display-4">New Balance Men's Warm</h1>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elit ut aliquam purus sit amet luctus venenatis lectus magna. Et tortor at risus viverra. Arcu vitae elementum curabitur vitae. Pellentesque habitant morbi tristique senectus et netus et malesuada fames.
        </p>
      </div>
      <div class="col-7">
        <div class="swiper-negative-margin">
          <div class="swiper swiper-2"></div>
        </div>
      </div>
    </div>
  </div>
</main>

.swiper-overflow {
  /* половина экрана + ещё одна колонка - половина отступа */
  width: calc(50vw + 1140px * 1 / 12 - 15px);
}

.swiper-negative-margin {
  /* половина ширины контейнера - половина экрана - половина отступа */
  margin-right: calc(1140px / 2 - 50vw - 15px);
}

.swiper {
  width: 100%;
  height: 400px;
  background-color: teal;
}

.swiper-2 {
  background-color: pink;
}