Colocar bloco de código dentro de uma <div>

Front-end
,
#1

Olá pessoal, tudo bem?

Trabalho com vtex e um dos controladores deles, me devolve o seguinte código:

<div class="box-banner">
            <a href="/outlet">
                <img width="1920" height="420" id="img-1.jpg" alt="Banner" src="img-1.jpg" complete="complete">
            </a>
        </div>
        <div class="box-banner">
            <a href="/outlet">
                <img width="1920" height="420" id="img-2.jpg" alt="Banner2" src="img-2.jpg" complete="complete">
            </a>
        </div>
        <div class="box-banner">
            <a href="/outlet">
                <img width="1920" height="420" id="img3.jpg" alt="banner 3" src="img-3.jpg" complete="complete">
            </a>
        </div>

Meu objetivo é pegar todas as <div class="box-banner">...</div> e colocar cada uma delas dentro de outras <div>, exemplo:

    <div class="banner-slide">
        <div class="box-banner">
            <a href="/outlet">
                <img width="1920" height="420" id="img-1.jpg" alt="Banner" src="img-1.jpg" complete="complete">
            </a>
        </div>
    </div>
    <div class="banner-slide">
        <div class="box-banner">
            <a href="/outlet">
                <img width="1920" height="420" id="img-2.jpg" alt="Banner2" src="img-2.jpg" complete="complete">
            </a>
        </div>
    </div>
    <div class="banner-slide">
        <div class="box-banner">
            <a href="/outlet">
                <img width="1920" height="420" id="img3.jpg" alt="banner 3" src="img-3.jpg" complete="complete">
            </a>
        </div>
    </div>

Já tentei puxar com o document.getElementsbyClass guardar em uma var, rodar um for para colocar as <div> dentro da <div> que preciso mas não sei como modificar o DOM de volta. Conseguem me ajudar?

Segue JS que fiz sem sucesso:

var banners = document.getElementsByClassName("box-banner");
var bannersNovos = [];

var banners = document.getElementsByClassName("box-banner");
var bannerNovos = [];

for(i=0 ; i = banners.length -1; i++){
    bannerNovos.push("<div class='swiper-slide'>"+ banners[i] +"</div>");
}