<div class="swiper-slide home-slider__slide">
<div class="home-slider__bg" data-swiper-parallax="20%"
style="background-image: url(../../images/dist/slide-images/1.jpg);"></div>
<div class="home-slider__text">
<h2 class="home-slider__title">
Регистрация бизнеса удаленно в соответствии с законодательством
</h2>
<p class="home-slider__descr">Поможем вам быстро и без лишних хлопот зарегистрировать вашу компанию в
соответствии с законодательством</p>
<button class="btn">Оставить заявку</button>
</div>
</div>
если в результате не найду решения, остановлюсь на правом варианте — при малом количестве блоков он ведёт себя адекватно, нужно только следить за этим количеством при рендеринге
Пока всегда оказывалось, что это самый быстрый и простой способ.
Можно ещё нанять того или тех, кто умеет думать.