<div class="images-carousel__container">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <% for(i = 0; i < 4; i++) { %>
                            <div class="swiper-slide">
                                <a draggable="false" ref="#0" title="gazprom-oil">
                                    <img src="./images/partners/gazprom-oil.png" alt="gazprom-oil">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a draggable="false" ref="#0" title="kto">
                                    <img src="./images/partners/kto.png" alt="gazprom-oil">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a draggable="false" ref="#0" title="lukoil">
                                    <img src="./images/partners/lukoil.png" alt="gazprom-oil">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a draggable="false" href="#0" title="exxonmobil">
                                    <img src="./images/partners/exxonmobil.png" alt="gazprom-oil">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a draggable="false" href="#0" title="tvel">
                                    <img src="./images/partners/tvel.png" alt="gazprom-oil">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a draggable="false" href="#0" title="oreh">
                                    <img src="./images/partners/oreh.png" alt="gazprom-oil">
                                </a>
                            </div>
                        <% } %>
                    </div>
                </div>
                <div class="images-carousel__controls">
                    <div class="lost-col-1">
                        <div class="slider-counter__pagination">
                            <div class="slider-counter__current-slide" data-slide-current></div>
                            <div class="slider-counter__pagination-separator"><span>&dash;</span></div>
                            <div class="slider-counter__total-slide" data-slide-total></div>
                        </div>
                    </div>
                    <div class="lost-col-6 vertical-center">
                        <%# <div class="images-carousel__progress-bar">
                        </div> %>
                        <div class="images-carousel__scrollbar swiper-scrollbar">
                        </div>
                    </div>
                    <div class="lost-col-1">
                        <div class="images-carousel__arrows">
                            <div class="images-carousel__arrow-prev">
                                <%- require("../components/svg-icon.ejs")({data: 'arrow-prev'}) %>
                            </div>
                            <div class="images-carousel__arrow-next">
                                <%- require("../components/svg-icon.ejs")({data: 'arrow-next'}) %>
                            </div>
                        </div>
                    </div>
                </div>
            </div>