Carrusel de imágenes anchura

[Romuoib]

Hola a todos.
 

Estoy intentando editar el código del tema que viene por defecto en PrestaShop (Classic) para conseguir que el carrusel de imágenes de la página de inicio ocupe todo el ancho de la pantalla.
¿Me echáis una mano con el código?

Actualmente está así:
 

@media (max-width: 991px) {
    .carousel {
        left:50%;
        width: 100vw;
        padding-bottom: 0.5rem;
        margin-left: -50vw;
        background-color: #f6f6f6;
        box-shadow: none
    }

    .carousel .carousel-control .icon-prev,.carousel .carousel-control .icon-next {
        width: auto;
        height: auto
    }

    .carousel .carousel-item .caption {
        position: static;
        margin: 1.275rem auto 2.5rem;
        text-align: center
    }

    .carousel .carousel-item .caption .display-1 {
        font-size: 2rem;
        font-weight: 500;
        color: #232323
    }

    .carousel .carousel-item .caption .caption-description h3,.carousel .carousel-item .caption .caption-description p,.carousel .carousel-item .caption .caption-description .page-content.page-cms ul,.page-content.page-cms .carousel .carousel-item .caption .caption-description ul {
        color: #7a7a7a
    }

    .carousel .carousel-item .caption .caption-description h3 {
        font-size: 1rem
    }

    .carousel .direction {
        position: absolute;
        top: calc(50%);
        width: 100%
    }

    .carousel .direction .carousel-control .icon-prev {
        left: 0;
        margin-left: 0
    }

    .carousel .direction .carousel-control .icon-next {
        right: 0;
        margin-right: 0
    }

    .carousel .direction .carousel-control i {
        background: rgba(122, 122, 122, 0.5)
    }

    .carousel-indicators li {
        width: 8px;
        height: 8px
    }

    .carousel-indicators .active {
        width: 8px;
        height: 8px;
        margin: 1px
    }
}

Creo que he copiado la parte de toca.