Dificuldade para colocar elemento no topo do site

Olá pessoal. Tudo bem?

Estou com uma dificuldade no css para colocar minha classe .container no topo do site. Não posso colocar o position absolute, pois tem muitos outros elementos na parte inferior do site que perde todo seu posicionamento.

voi postar o link da imagem do site para facilitar o entendimento. https://imgur.com/tcRAxe0

Seguem meus html e css:

            <section class="container">
                <div class="fotosDeClientes">
                    <img class="fotoCliente corte-longo-castanho" src="img/cabeloEncaracolado.jpg" alt="corte longo castanho" >
                    <img class="fotoCliente corte-longo-castanho" src="img/ruiva.jpg" alt="corte de ruiva" >
                    <img class="fotoCliente corte-longo-castanho" src="img/cabeloLongoLaranja.jpg" alt="corte longo laranja" >
                </div>

                <div class="informacoes-abaixo">
                    <div class="secao-rodape secao-informacoes">
                        <h2>Informações</h2>
                        <a href="#/contato.html">Nossa Equipe</a>
                        <a href="#/index.html">Horario de Funcionamento</a>
                        <a href="#/contato.html">Fale Conosco</a>
                    </div>
                    <div class="secao-rodape secao-localizacao">
                        <h2>Localização</h2>
                        <p>Studio Platinum</p>
                        <p>Rua do Senhor do Roubado, n15</p>
                        <p>Telefone: 215 689 752</p>
                    </div>
                    <div class="secao-rodape secao-saiba-mais">
                        <h2>Curiosidades</h2>
                        <p>Studio Platinum de Odivelas</p>
                        <p>O salão com mais likes</p>
                        <p>do facebook desta zona</p>
                        <a href="https://www.facebook.com/StudioPlatinum/"><button class="button-saiba-mais">Saiba Mais</button></a>
                    </div>
                    <div class="secao-rodape secao-facebook">
                        <h2>Siga-nos no facebok:</h2>
                        <a href="https://www.facebook.com/StudioPlatinum/"><img class="logo-facebook" src="img/Facebook.png" alt="siga a pagina do Studio Platinum no facebook"></a>
                    </div>
                </div>
            </section>

CSS:

.container {
    width: calc(100% - 340px);
    position: relative;
    top: 0;
    left: 358px;
    background-image: url("../img/newImg/colmeia_fundo.png"), url("../img/newImg/long-hair.jpg");
    background-size: 100%;
    box-sizing: border-box;
    border-left: 1em solid #7c3d99;
    height: 100%;
}