Как расположить элементы за container?

дайте пожалуйста совет. Можно ли как-то расположить элементы за container

.container {
  max-widht: 1440px;
  width: 100%;
  margin: 0 auto;
}

или же всё таки лучше убрать полностью container, но тогда другой вопрос, можно ли будет адаптировать такой сайт (без container)?

Прошу прощения, если мой вопрос покажется вам глупым, я просто новичок в этой сфере.

<div class="banner">
   <h1 class="banner-text">Новый сайт -<br>глоток свежего<br>воздуха для<br>вашего бизнеса</h1>
</div>

.banner {
    width: 100vw;
    margin: -1px;
    background-image: url(/img/Banner.svg);
    background-repeat: no-repeat;
    &-text {
        margin: 0 auto;
        padding-top: 137px;
        padding-bottom: 180px;
        padding-left: 185px;
        color: #545454;
        font-size: 72px;
        font-weight: bold;
    }
}

.product {
    padding-bottom: 55px;
    text-align: center;
    &-text {
        font-size: 72px;
        font-weight: bold;
        color: #545454;
    }
}