Texte au dessus image

Bonjour,

je n'arrive pas à mettre le texte au dessus de l'image (le texte est déformé ou l'image est la taille du texte)

<section class="section1">
          <div class="box-titre">
            <h1 class="titre">mon titre</h1>
          </div> 
      </section>

.section1 {
    background: url('/img/velo.jpg');
    background-size: cover;
}

.box-titre{
  width: 50%;
}

et l'eau,

.section1 {
    background: url('/img/velo.jpg');
    background-size: cover;
    min-width:...px;
    min-height:...px;
}

Cela ne marche pas et je mets quelle valeur pour agrandir l'image sans la déformer

Salut,

Pourquoi mettre ton titre dans l'élément qui porte le background alors que tu ne veux pas qu'ils se superposent ?
Mets le titre puis l'image (en img direct si il n'y a rien dedans au pire...)